Browse Source

手机店铺详情页展示顺序修改,店铺搜索页售罄标识新增。

yangc 8 years ago
parent
commit
6c886f7241
2 changed files with 12 additions and 2 deletions
  1. 2 2
      components/mobile/store/StoreDetail.vue
  2. 10 0
      components/searchStore/StoreContent.vue

+ 2 - 2
components/mobile/store/StoreDetail.vue

@@ -7,8 +7,8 @@
       </div>
     </div>
     <div class="store-switch-item">
-      <span :class="activeType=='detail'?'mobile-switch-btn active':'mobile-switch-btn'" @click="activeType='detail'">介绍</span>
       <span :class="activeType=='product'?'mobile-switch-btn active':'mobile-switch-btn'" @click="activeType='product'">产品</span>
+      <span :class="activeType=='detail'?'mobile-switch-btn active':'mobile-switch-btn'" @click="activeType='detail'">介绍</span>
     </div>
     <div class="store-description" v-if="activeType=='detail'">
       <p>
@@ -80,7 +80,7 @@
   export default {
     data () {
       return {
-        activeType: 'detail',
+        activeType: 'product',
         collectResult: '收藏成功',
         timeoutCount: 0,
         isSearchingMore: false,

+ 10 - 0
components/searchStore/StoreContent.vue

@@ -33,6 +33,7 @@
             <a style="margin-bottom: 8px" :href="`/product/brand/${item.branduuid}`" v-text="item.brandNameEn"></a>
             <a :href="`/product/kind/${item.kindUuid}`" v-text="item.kindNameCn"></a>
           </div>-->
+          <img v-if="item.status == 602" class="sellout-store-commodity" src="/images/search/sellout-search.png" alt="">
           <a style="display: block"><img :src="item.img?item.img:'/images/all/default.png'" alt=""></a>
           <div class="describe-list">
             <a class="store-component-code" v-text="item.code" :title="item.code"></a>
@@ -260,12 +261,14 @@
     float: right;
   }
   .store-component-list >li {
+    position: relative;
     display: inline-block;
     text-align: center;
     border: 1px solid rgb( 231, 231, 231 );
     margin-right: 14px;
     width: 152px;
     height: 178px;
+    vertical-align: middle;
   }
   .store-component-list >li:hover {
     cursor: pointer;
@@ -282,6 +285,13 @@
     width: 149px;
     height:114px;
   }
+  .store-component-list >li >img {
+    position: absolute;
+    width: 62px;
+    height: 50px;
+    right: 0;
+    top: 63px;
+  }
   .store-component-list >li .describe-list {
     padding: 2px 10px;
     background: #dee0e5;