qj-happy-common-zhongjian 1.0.27

package/src/styles/pc-ui.scss

@@ -0,0 +1,1032 @@
+/*start地址列表*/
+
+.addressPc {
+    .add {
+
+        border-left: 5px solid $--color-primary;
+    }
+
+    .addNew {
+        color: $--color-primary
+    }
+
+    .content {
+        .pic {
+            background-color: $--color-primary
+        }
+    }
+
+    .addRight {
+        p {
+            //  color: $--color-primary
+        }
+
+        .editNow {
+            color: $--color-primary
+        }
+    }
+}
+
+/*end地址列表*/
+/*start编辑收货地址*/
+
+.editAddressPc {
+    .add {
+
+        border-left: 5px solid $--color-primary;
+    }
+
+    .confirm {
+        background: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+/*end编辑收货地址*/
+/*start新增收货地址*/
+
+.addressNewPc {
+    .add {
+
+        border-left: 5px solid $--color-primary;
+    }
+
+    .addNew {
+        color: $--color-primary;
+    }
+
+    .confirm {
+        background: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+/*end新增收货地址*/
+
+//足迹
+.history {
+    .header {
+        .add {
+            border-left: 5px solid $--color-primary;
+        }
+    }
+
+    .list {
+        .price {
+            color: $--color-primary;
+        }
+    }
+}
+
+//收藏
+.collection {
+    .header {
+        .add {
+            border-left: 5px solid $--color-primary;
+
+        }
+    }
+
+    .list {
+        .price {
+            color: $--color-primary;
+        }
+    }
+}
+
+//个人信息
+.personalPc {
+    .content-personalPc {
+        .personalPc-right {
+            .listThree {
+                color: $--color-primary;
+            }
+
+            .listSenven {
+                p {
+                    background-color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//关注
+.follow {
+    .header {
+        .left {
+            ul {
+                li:nth-child(1) {
+                    span {
+                        background-color: $--color-primary !important;
+                    }
+                }
+
+                .active {
+                    color: $--color-primary;
+                }
+            }
+        }
+
+        .right {
+            color: $--color-primary;
+
+        }
+    }
+
+}
+
+//更换绑定手机
+.phonePc {
+    .content-phonePc {
+        .title {
+            ul {
+                li:nth-child(1) {
+                    background-color: $--color-primary;
+                }
+
+                li:nth-child(2) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+            }
+        }
+
+        .phoneNum {
+            .getCode {
+                p {
+                    background-color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//设置支付密码
+.paySet {
+    .content-phonePc {
+        .title {
+            ul {
+                li:nth-child(1) {
+                    background-color: $--color-primary;
+                }
+
+                li:nth-child(2) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+            }
+        }
+
+        .titles {
+            ul {
+
+                li:nth-child(1),
+                li:nth-child(3) {
+                    background-color: $--color-primary;
+                }
+
+                li:nth-child(2) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+
+                li:nth-child(4) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+            }
+        }
+
+        .phoneNum {
+            p {
+                background-color: $--color-primary;
+            }
+        }
+    }
+}
+
+//绑定新手机
+.newphone {
+    .content-phonePc {
+        .title {
+            ul {
+
+                li:nth-child(1),
+                li:nth-child(3) {
+                    background-color: $--color-primary;
+                }
+
+                li:nth-child(2) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+
+                li:nth-child(4) {
+                    span {
+                        background-color: $--color-primary;
+                    }
+                }
+            }
+        }
+
+        .phoneNum {
+            .getCode {
+                p {
+                    background-color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//个人中心
+.userPc {
+    .userHeader {
+        .headerImg {
+            .centerMsg {
+                .Member {
+                    p {
+                        i {
+                            color: $--color-primary;
+                        }
+                    }
+                }
+            }
+
+            .rightPersonal {
+                p {
+                    color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//个人中心ucc
+.headerUcc {
+    .userHeader {
+        .headerImg {
+            .centerMsg {
+                .Member {
+                    p {
+                        i {
+                            color: $--color-primary;
+                        }
+                    }
+                }
+            }
+
+            .rightPersonal {
+                p {
+                    color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//登录页button
+.button {
+    background-color: $--color-primary;
+}
+
+//找回密码+注册+手机登录
+.window {
+    .content_w {
+        .code {
+            span {
+                background-color: $--color-primary;
+            }
+        }
+
+        .forgetPwd {
+            color: $--color-primary;
+        }
+    }
+}
+
+.cards {
+    .el-button {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+//登录+手机登录
+.window {
+    .content_w {
+        .changeLogin {
+            color: $--color-primary;
+        }
+
+        .forgetPwd {
+            color: $--color-primary;
+        }
+    }
+
+    .cards {
+        .el-button {
+            background-color: $--color-primary;
+            border-color: $--color-primary;
+        }
+    }
+}
+
+//分类搜索结果
+.searchResult {
+    .searchResult-Left {
+        .screeningConditions {
+            .content {
+                .clearAll {
+                    color: $--color-primary;
+                }
+            }
+        }
+    }
+
+    .searchResult-Right {
+        .header {
+            .active {
+                color: $--color-primary;
+            }
+        }
+
+        .content {
+            .list {
+                ul {
+                    li:nth-child(1) {
+                        p {
+                            .relative {
+                                color: $--color-primary;
+                            }
+                        }
+                    }
+
+                    li:nth-child(3) {
+                        color: $--color-primary;
+                    }
+                }
+            }
+        }
+    }
+}
+
+//分类搜索结果建筑
+.searchBuild {
+    .header1 {
+        .right {
+            .up {
+                background-color: $--color-primary;
+
+            }
+
+            .down {
+                background-color: $--color-primary;
+
+            }
+        }
+    }
+
+    .filter {
+        .line {
+            .active {
+                color: $--color-primary !important;
+                //background-color: $--color-primary !important;
+            }
+        }
+    }
+
+    .content {
+        .header {
+            .active {
+                color: $--color-primary;
+            }
+
+            ul {
+                li:nth-child(2) {
+                    .actived {
+                        color: $--color-primary !important;
+                    }
+                }
+
+                li:nth-child(3) {
+                    .actived {
+                        color: $--color-primary !important;
+                    }
+                }
+            }
+        }
+
+        .goods {
+            .goodsList {
+                .qq {
+                    // background: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//搜索结果
+.searchTop {
+    .filter {
+        .line {
+            .list {
+                color: $--color-primary;
+            }
+
+            .active {
+                color: $--color-primary !important;
+                background-color: $--color-primary !important;
+            }
+        }
+    }
+
+    .tops {
+        .header {
+            .active {
+                color: $--color-primary;
+            }
+
+            .price {
+                .button {
+                    p {
+
+                        background-color: $--color-primary;
+                    }
+                }
+            }
+        }
+    }
+
+    .title {
+        color: $--color-primary;
+
+        li {
+            border-bottom: 1px solid $--color-primary;
+        }
+    }
+
+    .list {
+        li {
+            a .good-introduce {
+                .price {
+                    div {
+                        p {
+                            color: $--color-primary;
+
+                        }
+                    }
+
+                }
+
+            }
+
+        }
+    }
+}
+
+//收货地址 path：addressRow
+.Collection {
+
+    /*公用*/
+    .color-org {
+        color: #FF9E01;
+    }
+
+    .userCenter {
+        .title {
+            h3 {
+                font-size: 16px;
+                color: $--color-primary;
+            }
+        }
+
+        .btn {
+            .addressbtn {
+                color: $--color-primary;
+            }
+        }
+
+        .content {
+
+            .list {
+                .listText {
+                    .ListRight {
+                        .ulsFirst {
+                            .li:nth-child(6) {
+                                .forAdd {
+                                    .third {
+                                        .edit {
+                                            color: $--color-primary;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+/*新增收货地址*/
+.addcontent {
+    .confirm {
+        border: 1px solid $--color-primary;
+        color: $--color-primary !important;
+    }
+}
+
+//我的收藏  path:historyRow
+.Collection {
+    .userCenter {
+        .title {
+            h3 {
+                color: $--color-primary;
+            }
+        }
+
+        .content {
+            .list {
+                .listText {
+                    .ListRight {
+                        .ulsFirst {
+                            .li:nth-child(2) {
+                                color: $--color-primary !important;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+//商品列表页 path：searchList
+.listContainer {
+    .title {
+        color: $--color-primary;
+
+        li {
+            border-bottom: 1px solid $--color-primary;
+        }
+    }
+}
+
+//搜索结果页 path：searchClass
+.listContainer {
+    .title {
+        .active {
+            color: $--color-primary;
+            border-bottom: 1px solid $--color-primary;
+        }
+    }
+}
+
+//修改密码 path：modifyPwd
+.modifyPwd {
+    .check {
+        div {
+            background: $--color-primary !important;
+        }
+    }
+
+    .modCenter {
+        .title {
+            h3 {
+                color: $--color-primary;
+            }
+        }
+
+    }
+}
+
+//账户安全 path：security
+.accountSecurity {
+    .secCenter {
+        .title {
+            h3 {
+                color: $--color-primary;
+            }
+        }
+
+        .content {
+            ul {
+                li {
+                    div {
+                        .btn {
+                            span {
+                                color: $--color-primary;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+//提交订单->使用新地址
+.addAddress-wraps {
+    .el-form-item__content {
+        .cancel:hover {
+            color: $--color-primary;
+        }
+    }
+
+    .el-checkbox__input.is-checked .el-checkbox__inner {
+        background-color: $--color-primary;
+        ;
+        border-color: $--color-primary;
+    }
+
+    .el-input__inner:focus,
+    .el-textarea__inner:focus {
+        border-color: $--color-primary;
+    }
+
+    .el-checkbox__input.is-checked+.el-checkbox__label {
+        color: $--color-primary;
+    }
+
+    .confirm {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+.el-select-dropdown__item.selected {
+    color: $--color-primary;
+}
+
+//会员中心 添加 编辑新地址
+.addressNewPc .el-checkbox__input.is-checked .el-checkbox__inner {
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+}
+
+//提交订单结果页面
+.payment-wrapNew {
+    .payment-cont {
+        .list li {
+            &.on {
+                i {
+                    color: $--color-primary;
+
+                    &::before {}
+                }
+            }
+        }
+    }
+
+    .el-dialog {
+        .canacl:hover {
+            color: $--color-primary;
+        }
+    }
+
+    .el-button--primary.is-active,
+    .el-button--primary:active {
+        background: $--color-primary;
+        border-color: $--color-primary;
+    }
+
+    .el-button:focus,
+    .el-button:hover {
+        background: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+//北新 搜索页
+.searchBuild {
+    .content .header {
+        .active {
+            color: $--color-primary;
+        }
+    }
+}
+
+// 搜索结果页
+.searchResult {
+    .el-checkbox__input.is-checked .el-checkbox__inner {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+
+    .el-checkbox__inner:hover {
+        border-color: $--color-primary;
+    }
+
+    .el-checkbox__input.is-checked+.el-checkbox__label {
+        color: $--color-primary;
+    }
+
+    .el-pager li.active {
+        color: $--color-primary;
+    }
+
+    .el-pager li:hover {
+        color: $--color-primary;
+    }
+}
+
+.searchResult-Right {
+    .header {
+        .active {
+            color: $--color-primary !important;
+        }
+
+        ul li:nth-child(3) {
+            .actived {
+                i {
+                    color: $--color-primary;
+                }
+            }
+        }
+    }
+}
+
+//订单 退货
+.el-select-dropdown__item.selected {
+    color: $--color-primary;
+
+}
+
+//订单 退款 信息
+.infor .el-button--primary {
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+}
+
+.infor .el-button--default:hover {
+    color: $--color-primary;
+}
+
+//我的评价
+.comment-wrap .el-rate__icon {
+    color: $--color-primary;
+}
+
+.myComment-wrap .commentRate {
+    .el-rate {
+        i {
+            color: $--color-primary;
+        }
+    }
+
+}
+
+.myComment {
+    .myComment-item {
+        .right {
+            .commentRate {
+                .el-rate {
+                    i {
+                        color: $--color-primary;
+                    }
+                }
+            }
+        }
+    }
+}
+
+// 发票 我的发票
+.invoicemain {
+    .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
+        color: $--color-primary;
+    }
+
+    .el-select .el-input.is-focus .el-input__inner {
+        border-color: $--color-primary;
+    }
+
+    .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
+        color: $--color-primary !important;
+    }
+
+    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+        color: $--color-primary !important;
+    }
+
+    .el-button--primary {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+
+    .el-button--default:hover {
+        color: $--color-primary;
+    }
+
+    .listT {
+        .checkList {
+            .active {
+                color: $--color-primary;
+            }
+        }
+    }
+}
+
+//购物车
+.cart-wraps .el-button--default:hover span {
+    color: $--color-primary;
+}
+
+.cart-wraps {
+    .car-settlment-box {
+        .car-settlment-btn {
+            background-color: $--color-primary;
+            border-color: $--color-primary;
+        }
+    }
+
+    .el-button--primary {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+//积分
+.integralPc {
+    .el-pager li.active {
+        color: $--color-primary;
+    }
+}
+
+// 开具发票
+.cardmain {
+    .el-select .el-input.is-focus .el-input__inner {
+        border-color: $--color-primary;
+    }
+
+    .el-dialog {
+        .inv-type {
+            .checkList {
+                .active {
+                    background-color: $--color-primary !important;
+                }
+            }
+        }
+
+        .inv-Title {
+            .checkList {
+                .active {
+                    color: $--color-primary;
+                }
+            }
+        }
+
+        .list,
+        .listT {
+            .checkList {
+                .active {
+                    color: $--color-primary;
+                }
+            }
+        }
+
+        .el-button--primary {
+            background-color: $--color-primary;
+            border-color: $--color-primary;
+        }
+
+        .el-button--default:hover {
+            color: $--color-primary;
+        }
+
+    }
+}
+
+//新增发票
+.infomain {
+    .el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
+        color: $--color-primary;
+    }
+
+    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
+        color: $--color-primary;
+    }
+
+    .inv-Title {
+        .checkList {
+            .active {
+                color: $--color-primary;
+            }
+        }
+    }
+
+    .listT {
+        .checkList {
+            .active {
+                color: $--color-primary;
+            }
+        }
+    }
+
+    .footer-btn {
+        .el-button--primary {
+            background-color: $--color-primary;
+            border-color: $--color-primary;
+        }
+
+        .el-button--default:hover {
+            color: $--color-primary;
+        }
+    }
+}
+
+// 忘记密码 登录 注册
+.window {
+    .content_w {
+        .forgetPwd {
+            color: $--color-primary;
+        }
+
+        .cards {
+            .el-button {
+                background-color: $--color-primary;
+                border-color: $--color-primary;
+            }
+
+            .el-checkbox__input.is-checked .el-checkbox__inner {
+                background-color: $--color-primary !important;
+                border-color: $--color-primary !important;
+            }
+
+            .el-checkbox__inner:hover {
+                border-color: $--color-primary !important;
+            }
+        }
+
+        .changeLogin {
+            color: $--color-primary;
+        }
+
+        .code {
+            span {
+                background-color: $--color-primary;
+            }
+        }
+    }
+
+}
+
+// 购物车
+.cart-wraps {
+    .car-settlment-box {
+        .car-settlment-btn {
+            background-color: $--color-primary;
+            border-color: $--color-primary;
+        }
+    }
+
+    .el-button--primary {
+        background-color: $--color-primary;
+        border-color: $--color-primary;
+    }
+}
+
+//订单
+.order-wrap {
+    .content {
+        .el-tabs__item.is-active {
+            color: $--color-primary;
+        }
+
+        .button-color {
+            background-color: $--color-primary !important;
+        }
+    }
+
+    .dialog-footer {
+        button.el-button {
+            background-color: $--color-primary;
+        }
+
+        .el-button:focus {
+            color: $--color-primary !important;
+        }
+
+        .cancal:hover {
+            color: $--color-primary !important;
+
+        }
+    }
+
+}
+
+.common-top-bar {
+    .login-box {
+        a:hover {
+            color: $--color-primary
+        }
+    }
+}