xuqiang 4 éve
szülő
commit
4bf448aacf
1 módosított fájl, 21 hozzáadás és 29 törlés
  1. 21 29
      src/pages/details.vue

+ 21 - 29
src/pages/details.vue

@@ -110,7 +110,7 @@
                 <div class="box-footer-left">
                     <div class="contact" @click="goChat">
                         <img src="../static/imgs/icon_kefu@3x.png" alt="" />
-                        <p>客服</p>
+                        <p class="texts1">客服</p>
                     </div>
                     <div class="box-follow" :class="{ active: isCollection }" @click="collect">
                         <van-icon
@@ -119,7 +119,7 @@
                             :size="24"
                             :color="isCollection ? $colors.prim : '#000'"
                         />
-                        <p>{{ isCollection ? '已关注' : '关注' }}</p>
+                        <p class="texts2">{{ isCollection ? '已关注' : '关注' }}</p>
                     </div>
                 </div>
                 <div class="box-footer-right">
@@ -584,25 +584,6 @@ export default {
         box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
         border-radius: 20px 20px 0px 0px;
         .bottom();
-        .box-cat {
-            display: flex;
-            justify-content: space-between;
-            margin-right: 44px;
-            div {
-                font-size: 16px;
-                font-weight: bold;
-                color: #000000;
-                line-height: 28px;
-            }
-        }
-        p {
-            width: 20px;
-            font-size: 16px;
-            font-weight: 500;
-            color: #000000;
-            line-height: 28px;
-            padding: 0 0 16px 2px;
-        }
         .box-footer-con {
             display: flex;
             .box-footer-left {
@@ -611,18 +592,29 @@ export default {
                     width: 24px;
                     height: 24px;
                 }
-                p {
-                    font-size: 10px;
-                    font-weight: 400;
-                    color: #1a1a1a;
-                    line-height: 14px;
-                    white-space: nowrap;
-                }
                 .box-follow {
-                    margin-left: 30px;
+                    margin-left: 23px;
+                    width: 29px;
+                    text-align: center;
+                    .texts2 {
+                        font-size: 10px;
+                        font-weight: 400;
+                        color: #1a1a1a;
+                        line-height: 14px;
+                        padding-bottom: 16px;
+                        white-space: nowrap;
+                    }
                 }
                 .contact {
                     position: relative;
+                    .texts1 {
+                        font-size: 10px;
+                        font-weight: 400;
+                        color: #1a1a1a;
+                        line-height: 14px;
+                        padding: 0 0 16px 2px;
+                        white-space: nowrap;
+                    }
                     button {
                         position: absolute;
                         left: 0;