瀏覽代碼

feat: 修改样式

Moss 1 年之前
父節點
當前提交
0d22e8527a

+ 2 - 2
src/pages/goods/detail.vue

@@ -31,7 +31,7 @@
           <image src="@/static/common/soldout.png" mode="widthFix"></image>
         </view>
         <view class="title">
-          <view class="tit">{{detail.title}}<text>×{{detail.num}}</text></view>
+          <view class="tit">{{detail.title}}<text v-if="detail.num > 1">×{{detail.num}}</text></view>
           <view class="price">{{detail.amount | priceFilter2}}</view>
         </view>
         <view class="des">{{detail.content}}</view>
@@ -534,7 +534,7 @@ import { uploadImg } from '@/common/utils/util.js'
     }
   }
   .des {
-    margin-top: 12rpx;
+    margin-top: 20rpx;
     font-size: 28rpx;
     color: $reg-font;
   }

+ 2 - 2
src/pages/index/index.vue

@@ -45,7 +45,7 @@
               </view>
               <view class="price">{{item.amount | priceFilter2}}</view>
             </view>
-            <view class="title">{{item.title}}</view>
+            <view class="title">{{item.title}}<text v-if="item.num > 1">×{{item.num}}</text></view>
             <view class="des">{{item.content}}</view>
             <view class="imgs">
               <image :src="imageUrl + it.imgUrl" v-for="(it, idx) in item.goodsFiles" :key="idx" mode="aspectFill">
@@ -138,7 +138,7 @@
       this.lat = lo.latitude;
       this.lng = lo.longitude;
     },
-    
+
     onUnload() {
       this.crossPage.$off('reloadHomePage');
     },

+ 13 - 1
src/pages/mine/index.vue

@@ -29,7 +29,7 @@
           </view>
           <view class="stats">
             <view class="item" v-for="(item, index) in userStats" :key="index" @tap="$navPage(item.url)">
-              <view class="num">{{item.num}}</view>
+              <view class="num"><view class="unit" v-if="index === 2">¥</view><view class="main">{{item.num}}</view></view>
               <view class="text">{{item.name}}</view>
             </view>
           </view>
@@ -369,6 +369,18 @@ export default {
       .num {
         font-size: 36rpx;
         font-weight: 500;
+        display: flex;
+        align-items: flex-end;
+        justify-content: center;
+        .unit {
+          font-size: 24rpx;
+          margin-right: 4rpx;
+          color: $sec-font;
+          line-height: 32rpx;
+        }
+        .main {
+          line-height: 36rpx;
+        }
       }
       .text {
         margin-top: 8rpx;

+ 1 - 1
src/pages/mine/myBuy/list.vue

@@ -27,7 +27,7 @@
         <view class="goods">
           <image :src="imageUrl + item.goodsPicUrl" mode="aspectFill"></image>
           <view class="main">
-            <view class="name">{{item.goodsTitle}}<text>×{{item.num}}</text></view>
+            <view class="name">{{item.goodsTitle}}<text v-if="item.num > 1">×{{item.num}}</text></view>
             <view class="des">{{item.content}}</view>
             <view class="price">{{item.goodsAmount | priceFilter2}}</view>
           </view>

+ 1 - 1
src/pages/mine/myCollection.vue

@@ -12,7 +12,7 @@
           </view>
           <view class="price">{{item.amount | priceFilter2}}</view>
         </view>
-        <view class="title">{{item.title}}</view>
+        <view class="title">{{item.title}}<text v-if="item.num > 1">×{{item.num}}</text></view>
         <view class="des">{{item.content}}</view>
         <view class="imgs">
           <image :src="imgUrl + it.imgUrl" v-for="(it, idx) in item.goodsFiles" :key="idx" mode="aspectFill"></image>

+ 1 - 1
src/pages/mine/myIssue/list.vue

@@ -29,7 +29,7 @@
           <view class="goods">
             <image :src="imageUrl + item.goodsPicUrl" mode="aspectFill"></image>
             <view class="main">
-              <view class="name">{{item.title}}<text>×{{item.num}}</text></view>
+              <view class="name">{{item.title}}<text v-if="item.num > 1">×{{item.num}}</text></view>
               <view class="des">{{item.content}}</view>
               <view class="price">{{item.amount | priceFilter2}}</view>
             </view>

+ 1 - 1
src/pages/mine/myLike.vue

@@ -12,7 +12,7 @@
           </view>
           <view class="price">{{item.amount | priceFilter2}}</view>
         </view>
-        <view class="title">{{item.title}}</view>
+        <view class="title">{{item.title}}<text v-if="item.num > 1">×{{item.num}}</text></view>
         <view class="des">{{item.content}}</view>
         <view class="imgs">
           <image :src="imgUrl + it.imgUrl" v-for="(it, idx) in item.goodsFiles" :key="idx" mode="aspectFill"></image>

+ 6 - 0
src/styles/common.scss

@@ -69,6 +69,12 @@
     .title {
       font-weight: 500;
       margin-top: 20rpx;
+      text {
+        font-size: 28rpx;
+        color: $sec-font;
+        font-weight: normal;
+        margin-left: 12rpx;
+      }
     }
     .des {
       margin-top: 20rpx;