SilenceLeo 3 سال پیش
والد
کامیت
4e1d016163
3فایلهای تغییر یافته به همراه29 افزوده شده و 8 حذف شده
  1. 22 6
      src/pages/shop/detail.vue
  2. 5 1
      src/pages/shop/list.scss
  3. 2 1
      src/pages/shop/list.vue

+ 22 - 6
src/pages/shop/detail.vue

@@ -1,12 +1,21 @@
 <template>
   <view class="page">
     <view class="title">
-      <view class="name">{{ data.name }}</view>
-      <image :src="data.logo" class="logo"></image>
+      <view class="body">
+        <view class="name">{{ data.name }}</view>
+        <view class="desc" v-if="data.address">{{ data.address }}</view>
+        <view class="desc">dizhi</view>
+      </view>
+      <image :src="data.banner" class="logo" mode="aspectFit"></image>
     </view>
     <view class="content">
-      <view class="content-title">权益介绍</view>
-      <view v-html="data.intro" />
+      <view class="content-title">商铺介绍</view>
+      <image
+        v-if="data.intro_img"
+        :src="data.intro_img"
+        mode="widthFix"
+      ></image>
+      <view v-if="data.intro" v-html="data.intro" />
     </view>
   </view>
 </template>
@@ -46,9 +55,16 @@ page {
   padding: 40rpx;
   background-color: #fff;
   border-radius: 20rpx;
-  .name {
+  .body {
     flex: 1;
-    font-weight: bold;
+    .name {
+      font-weight: bold;
+    }
+    .desc {
+      color: #999;
+      font-size: 24rpx;
+      margin-top: 20rpx;
+    }
   }
   .logo {
     display: block;

+ 5 - 1
src/pages/shop/list.scss

@@ -18,7 +18,6 @@
     width: 200rpx;
     height: 150rpx;
     margin-right: 20rpx;
-    background-color: #f7f7fc;
   }
   .item-body {
     flex: 1;
@@ -26,4 +25,9 @@
   }
   .item-name {
   }
+  .item-desc {
+    color: #999;
+    font-size: 24rpx;
+    margin-top: 20rpx;
+  }
 }

+ 2 - 1
src/pages/shop/list.vue

@@ -7,9 +7,10 @@
         :key="item.id"
         :url="`/pages/shop/detail?id=${item.id}`"
       >
-        <image class="item-img" :src="item.banner"></image>
+        <image class="item-img" :src="item.banner" mode="aspectFit"></image>
         <view class="item-body">
           <view class="item-name">{{ item.name }}</view>
+          <view class="item-desc" v-if="item.address">{{ item.address }}</view>
         </view>
       </navigator>
     </view>