Fix:3133 【商城小程序】没有显示最后一个店铺类型

This commit is contained in:
modendeveloper
2025-01-20 23:04:51 +08:00
parent 1dd7b1e3b1
commit a6816e1469
+17 -16
View File
@@ -41,7 +41,6 @@
</view> </view>
</view> </view>
<view> <view>
<view class="type-box flex" id="type-box"> <view class="type-box flex" id="type-box">
<view class="first-box"> <view class="first-box">
<view class="first-box__inner"> <view class="first-box__inner">
@@ -57,22 +56,23 @@
</view> </view>
</view> </view>
</view> </view>
<scroll-view style="padding-left: 0" class="type-box flex " scroll-x enable-flex> <!-- <view style="padding-left: 0" class="type-box flex " >
<view class="scroll-box">
<view </view> -->
v-for="(item, index) in typeList" <view class="scroll-box">
:key="index" <view
:class="{ v-for="(item, index) in typeList"
'active': typeIndex === index :key="index"
}" :class="{
class="item flex-0 flex flex-col jc-center ai-center" 'active': typeIndex === index
@click="tapType(index)" }"
> class="item flex-0 flex flex-col jc-center ai-center"
<image :src="item.icon" mode="scaleToFill"/> @click="tapType(index)"
<view class="name">{{ item.name }}</view> >
</view> <image :src="item.icon" mode="scaleToFill"/>
<view class="name">{{ item.name }}</view>
</view> </view>
</scroll-view> </view>
</view> </view>
</view> </view>
</view> </view>
@@ -628,6 +628,7 @@ export default {
display: flex; display: flex;
height: fit-content; height: fit-content;
background: #fff; background: #fff;
overflow-x: scroll;
padding: 10rpx; padding: 10rpx;
border-radius: 30rpx; border-radius: 30rpx;
} }