Commit f904e1949933d12790b630cf56f9563d4024822b
1 parent
b53ba167
优选库——旗舰店页面优化~
Showing
1 changed file
with
22 additions
and
19 deletions
src/pages/mall2/mall2.vue
| @@ -40,30 +40,33 @@ | @@ -40,30 +40,33 @@ | ||
| 40 | <!-- 上拉加载 --> | 40 | <!-- 上拉加载 --> |
| 41 | <van-list v-model="shopListsPage.loading" :finished="shopListsPage.finished" finished-text="没有更多了" @load="loadMore"> | 41 | <van-list v-model="shopListsPage.loading" :finished="shopListsPage.finished" finished-text="没有更多了" @load="loadMore"> |
| 42 | 42 | ||
| 43 | - <div class="section shop-list" v-if="items.goods && items.goods.length" v-for="(items, index) in shopLists" :key="index" @click="toShop(items)"> | 43 | + <div class="section shop-list" v-for="(items, index) in shopLists" :key="index" @click="toShop(items)"> |
| 44 | 44 | ||
| 45 | - <!-- 头图 --> | ||
| 46 | - <div class="header-img-box"> | ||
| 47 | - <div class="img-box" v-if="items.img"> | ||
| 48 | - <img :src="items.img + SIGN.BIG" class="header-img" /> | ||
| 49 | - </div> | ||
| 50 | - <div class="img-box" v-else> | ||
| 51 | - <img src="static/img/header_img_default.jpg" class="header-img" /> | ||
| 52 | - <div class="title-box"> | ||
| 53 | - <div class="title">{{items.title}}</div> | 45 | + <template v-if="items.goods && items.goods.length"> |
| 46 | + | ||
| 47 | + <!-- 头图 --> | ||
| 48 | + <div class="header-img-box"> | ||
| 49 | + <div class="img-box" v-if="items.img"> | ||
| 50 | + <img :src="items.img + SIGN.BIG" class="header-img" /> | ||
| 51 | + </div> | ||
| 52 | + <div class="img-box" v-else> | ||
| 53 | + <img src="static/img/header_img_default.jpg" class="header-img" /> | ||
| 54 | + <div class="title-box"> | ||
| 55 | + <div class="title">{{items.title}}</div> | ||
| 56 | + </div> | ||
| 54 | </div> | 57 | </div> |
| 55 | </div> | 58 | </div> |
| 56 | - </div> | ||
| 57 | 59 | ||
| 58 | - <!-- 商品列表 --> | ||
| 59 | - <div class="list-box"> | 60 | + <!-- 商品列表 --> |
| 61 | + <div class="list-box"> | ||
| 60 | 62 | ||
| 61 | - <!-- 商品展示样式 2 --> | ||
| 62 | - <goods-item-2 class="item" v-for="(item, i) in items.goods" :key="i" | ||
| 63 | - :item="item" | ||
| 64 | - pid="3"> | ||
| 65 | - </goods-item-2> | ||
| 66 | - </div> | 63 | + <!-- 商品展示样式 2 --> |
| 64 | + <goods-item-2 class="item" v-for="(item, i) in items.goods" :key="i" | ||
| 65 | + :item="item" | ||
| 66 | + pid="3"> | ||
| 67 | + </goods-item-2> | ||
| 68 | + </div> | ||
| 69 | + </template> | ||
| 67 | </div> | 70 | </div> |
| 68 | </van-list> | 71 | </van-list> |
| 69 | </div> | 72 | </div> |