hxx/uni-shop-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 hot 热门页 h5 样式错误: 使用空白的<template>标签包裹

Browse Source
This commit is contained in:
jqtmviyu 2025-05-15 15:23:00 +08:00
parent 8446cd72cb
commit 521739000d
1 changed files with 39 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/pages/hot/hot.vue
View File

@ -4,50 +4,48 @@
<view class="cover"> <view class="cover">
<image :src="bannerPic"></image> <image :src="bannerPic"></image>
</view> </view>
<template> <!-- 推荐选项 -->
<!-- 推荐选项 --> <view class="tabs">
<view class="tabs"> <text
<text :class="['text', { active: index === actived }]"
:class="['text', { active: index === actived }]"
v-for="(subTypeItem, index) in subTypes"
:key="subTypeItem.id"
@tap="actived = index"
>{{ subTypeItem.title }}</text
>
</view>
<!-- 推荐列表 -->
<scroll-view
:scroll-y="true"
class="scroll-view"
@scrolltolower="onScrollToLower"
v-for="(subTypeItem, index) in subTypes" v-for="(subTypeItem, index) in subTypes"
v-show="actived === index"
:key="subTypeItem.id" :key="subTypeItem.id"
@tap="actived = index"
>{{ subTypeItem.title }}</text
> >
<view class="goods"> </view>
<navigator <!-- 推荐列表 -->
:render-link="false" <scroll-view
hover-class="none" :scroll-y="true"
class="navigator" class="scroll-view"
v-for="goodItem in subTypeItem.goodsItems.items" @scrolltolower="onScrollToLower"
:key="goodItem.id" v-for="(subTypeItem, index) in subTypes"
:url="`/pages/goods/goods?id=${goodItem.id}`" v-show="actived === index"
> :key="subTypeItem.id"
<image class="thumb" :src="goodItem.picture"></image> >
<view class="name ellipsis">{{ goodItem.desc }}</view> <view class="goods">
<view class="price"> <navigator
<text class="symbol">¥</text> :render-link="false"
<text class="number">{{ goodItem.price }}</text> hover-class="none"
</view> class="navigator"
</navigator> v-for="goodItem in subTypeItem.goodsItems.items"
</view> :key="goodItem.id"
<view class="loading-text">{{ :url="`/pages/goods/goods?id=${goodItem.id}`"
subTypeItem.goodsItems.page === subTypeItem.goodsItems.pages >
? '没有更多数据~' <image class="thumb" :src="goodItem.picture"></image>
: '正在加载...' <view class="name ellipsis">{{ goodItem.desc }}</view>
}}</view> <view class="price">
</scroll-view> <text class="symbol">¥</text>
</template> <text class="number">{{ goodItem.price }}</text>
</view>
</navigator>
</view>
<view class="loading-text">{{
subTypeItem.goodsItems.page === subTypeItem.goodsItems.pages
? '没有更多数据~'
: '正在加载...'
}}</view>
</scroll-view>
</view> </view>
</template> </template>