Browse Source

字体样式调整

jwyu 2 years ago
parent
commit
8a613fcd4a
2 changed files with 9 additions and 5 deletions
  1. 4 1
      pages-buy/detail.vue
  2. 5 4
      pages/buy/buy.vue

+ 4 - 1
pages-buy/detail.vue

@@ -9,7 +9,7 @@
                         <text class="name">{{item.top_name}}</text>
                     </view>
                     <view class="title">{{item.title}}</view>
-                    <view class="intro">{{item.content}}</view>
+                    <view :class="['intro',item.content.substr(0,1)=='【'?'text-indent':'']">{{item.content}}</view>
                 </view>
             </view>
         </view>
@@ -201,6 +201,9 @@ page{
                 padding: 0 30rpx 24rpx 30rpx;
                 color: $global-text-color-grey;
             }
+            .text-indent{
+                margin-left: -12rpx;
+            }
         }
     }
 }

+ 5 - 4
pages/buy/buy.vue

@@ -78,8 +78,8 @@ export default {
       .img{
         flex-shrink: 0;
         margin-right: 28rpx;
-        width: 120rpx;
-        height: 120rpx;
+        width: 90rpx;
+        height: 90rpx;
         background-color: $global-bg-color-grey;
         background-size: cover;
         position: relative;
@@ -106,12 +106,13 @@ export default {
         flex: 1;
         overflow: hidden;
         .title{
-          font-size: 14px;
+          font-size: 32rpx;
           font-weight: bold;
-          margin-bottom: 18rpx;
+          margin-bottom: 6rpx;
         }
         .intro{
           color: $global-text-color-grey;
+          font-size: 28rpx;
         }
         .text-indent{
           margin-left: -12rpx;