按钮颜色

src/main/pc-space/src/components/AddressInfo.vue

@@ -109,7 +109,7 @@ export default {
                 color: #ffffff;
                 font-size: 13px;
                 text-align: center;
-                line-height: 36px;
+                line-height: 38px;
                 margin-left: 20px;
             }
         }
@@ -117,8 +117,10 @@ export default {
     /deep/ .el-button {
         width: 130px;
         height: 36px;
-        background: linear-gradient(133deg, #00ffcb 0%, #006eff 100%);
+        background: linear-gradient(133deg, @prim 0%, @warn 100%);
         border-radius: 4px;
+        line-height: 6px;
+        border: 0;
     }
     /deep/ .el-form-item__label {
         margin-left: 75px;

src/main/pc-space/src/components/FansInfo.vue

@@ -21,9 +21,9 @@
                                         已售 <span>{{ list.sales }}</span>
                                     </div>
                                 </div>
-                                <div class="follow" :class="{ followed: list.follow }" @click.prevent="fans(list)">
+                                <el-button plain round :class="{ prim: !list.follow }" size="mini" @click="fans(list)">
                                     {{ list.follow ? '已关注' : '关注' }}
-                                </div>
+                                </el-button>
                             </div>
                         </div>
                         <div class="imgBox">
@@ -118,7 +118,8 @@ export default {
                     }
                     .box3 {
                         display: flex;
-                        align-lists: center;
+                        align-content: center;
+                        // align-lists: center;
                         justify-content: space-between;
                         .box4 {
                             display: flex;
@@ -133,15 +134,30 @@ export default {
                                 color: #fff;
                             }
                         }
-                        .follow {
-                            width: 70px;
-                            height: 26px;
-                            color: @prim;
-                            font-size: 14px;
-                            border-radius: 16px;
-                            border: 1px solid;
-                            text-align: center;
-                            line-height: 26px;
+                        // .follow {
+                        //     width: 70px;
+                        //     height: 26px;
+                        //     color: @prim;
+                        //     font-size: 14px;
+                        //     border-radius: 16px;
+                        //     border: 1px solid;
+                        //     text-align: center;
+                        //     line-height: 26px;
+                        // }
+                        .el-button {
+                            background-color: transparent;
+                            min-width: 76px;
+                            height: 28px;
+
+                            &.prim {
+                                .line(@radius:28px);
+                                text-align: center;
+                                /deep/span {
+                                    color: @prim;
+                                    position: relative;
+                                    z-index: 1;
+                                }
+                            }
                         }
                     }
                 }

src/main/pc-space/src/components/SecurityPhone.vue

@@ -126,16 +126,10 @@ export default {
                 color: #ffffff;
                 font-size: 13px;
                 text-align: center;
-                line-height: 36px;
+                line-height: 38px;
                 margin-left: 20px;
             }
         }
     }
-    /deep/ .el-button {
-        width: 130px;
-        height: 36px;
-        background: linear-gradient(133deg, @prim 0%, @warn 100%);
-        border-radius: 4px;
-    }
 }
 </style>

src/main/pc-space/src/components/TransactionPhone.vue

@@ -132,16 +132,10 @@ export default {
                 color: #ffffff;
                 font-size: 13px;
                 text-align: center;
-                line-height: 36px;
+                line-height: 38px;
                 margin-left: 20px;
             }
         }
     }
-    /deep/ .el-button {
-        width: 130px;
-        height: 36px;
-        background: linear-gradient(133deg, @prim 0%, @warn 100%);
-        border-radius: 4px;
-    }
 }
 </style>

src/main/pc-space/src/views/user/Address.vue

@@ -137,8 +137,8 @@ export default {
             cursor: pointer;
         }
         span {
-            width: 26px !important;
-            height: 26px !important;
+            // width: 26px !important;
+            // height: 26px !important;
             // font-size: 16px;
             color: #939599;
         }

src/main/pc-space/src/views/user/Modifypad.vue

@@ -121,7 +121,7 @@ export default {
             color: #ffffff;
             font-size: 13px;
             text-align: center;
-            line-height: 36px;
+            line-height: 38px;
             margin-left: 20px;
         }
     }
@@ -130,6 +130,8 @@ export default {
         height: 36px;
         background: linear-gradient(133deg, @prim 0%, @warn 100%);
         border-radius: 4px;
+        line-height: 6px;
+        border: 0;
     }
     /deep/ .el-form-item__error {
         margin-left: 174px;

src/main/pc-space/src/views/user/Security.vue

@@ -153,7 +153,7 @@ export default {
                 color: #ffffff;
                 font-size: 13px;
                 text-align: center;
-                line-height: 36px;
+                line-height: 38px;
                 margin-left: 20px;
             }
         }
@@ -163,6 +163,8 @@ export default {
         height: 36px;
         background: linear-gradient(133deg, @prim 0%, @warn 100%);
         border-radius: 4px;
+        line-height: 6px;
+        border: 0;
     }
     /deep/ .el-step__title {
         font-size: 13px;

src/main/pc-space/src/views/user/Transaction.vue

@@ -153,7 +153,7 @@ export default {
                 color: #ffffff;
                 font-size: 13px;
                 text-align: center;
-                line-height: 36px;
+                line-height: 38px;
                 margin-left: 20px;
             }
         }
@@ -163,6 +163,8 @@ export default {
         height: 36px;
         background: linear-gradient(133deg, @prim 0%, @warn 100%);
         border-radius: 4px;
+        line-height: 6px;
+        border: 0;
     }
     /deep/ .el-step__title {
         font-size: 13px;