dlh/shop_uniapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

商城快讯在首页添加缩略图

Browse Source
This commit is contained in:
wangxiaowei 2024-07-29 17:09:15 +08:00
parent b3f59cb369
commit d504b045d1
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
bundle_b/pages/mall_news/index.vue
View File

@ -43,22 +43,34 @@
<view class="list">
<view v-for="(item, index) in list" :key="index">
<router-link :to="{path: '/bundle_b/pages/mall_news/detail', query: {id: item.id}}" class="flex">
<view class="goods-name bold">{{item.title}}</view>
<view class="goods-name m-t-10">{{item.desc}}</view>
</router-link>
<view v-if="item.files != ''">
<view v-if="item.type == 0">
<scroll-view style="white-space: nowrap;" :scroll-x="true">
<view class="flex">
<u-image @click="preview(v.src, item.files)" class="thumb" v-for="(v, i) in item.files" :key="i" width="240rpx" height="240rpx" :border-radius="10" :src="v.src"></u-image>
</view>
</scroll-view>
</view>
<view v-if="item.type == 1">
<video :src="item.files[0].src" class="thumb-video"></video>
</view>
<router-link :to="{path: '/bundle_b/pages/mall_news/detail', query: {id: item.id}}" class="flex">
<view class="goods-name bold">{{item.title}}</view>
<view class="goods-name m-t-10">{{item.desc}}</view>
</router-link>
<view v-if="item.files != ''">
<view v-if="item.type == 0">
<scroll-view style="white-space: nowrap;" :scroll-x="true">
<view class="flex">
<u-image @click="preview(v.src, item.files)" class="thumb" v-for="(v, i) in item.files" :key="i" width="240rpx" height="240rpx" :border-radius="10" :src="v.src"></u-image>
</view>
</scroll-view>
</view>
<view v-if="item.type == 1">
<video :src="item.files[0].src" class="thumb-video"></video>
</view>
</view>
<view class="shop m-t-20" v-if="item.shop">
<view class="bold">推荐商品</view>
<router-link :to="{path: '/pages/goods_details/goods_details', query: {id: item.shop_id}}" class="flex">
<view class="flex">
<u-image class="thumb" width="200rpx" height="200rpx" :border-radius="10" :src="item.shop.image"></u-image>
<view>
<view>{{item.shop.name}}</view>
<price-format :price="item.shop.min_price" :color="colorConfig.primary" :subscript-size="26" :first-size="38" :second-size="26"/>
</view>
</view>
</router-link>
</view>
</view>
</view>
</view>