liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(首页):导航菜单个数少于等于10个时，应不显示底部的指示器

Browse Source
This commit is contained in:
lifizer
2024-05-09 10:49:15 +08:00
parent 9b412eebdb
commit 82a90630e9
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/home/index.vue
+15 -5
View File
@@ -59,17 +59,27 @@
</view>
<!-- 导航v9 -->
<view style="padding:24rpx 30rpx;background-color: #FFFFFF">
<u-scroll-list indicatorActiveColor="#FF6666">
<u-scroll-list
:indicator="menus.length > 10"
:indicator-active-color="'#FF6666'"
>
<view v-for="n in menuArr[0].length" :key="n">
<view class="flex flex-col ai-center" style="width: 138rpx;margin-bottom: 32rpx;"
@click="$global.commonJump(menuArr[0][n]['uniapp_url'])">
<view
class="flex flex-col ai-center"
style="width: 138rpx;margin-bottom: 32rpx;"
@click="$global.commonJump(menuArr[0][n]['uniapp_url'])"
>
<image style="width: 86rpx;height: 86rpx" :src="menuArr[0][n]['pic']" mode="scaleToFill"/>
<view class="one-t tc" style="width: 100%;margin-top: 16rpx;color:#666666;font-size: 26rpx">
{{ menuArr[0][n]['name'] }}
</view>
</view>
<view class="flex flex-col ai-center" style="width: 138rpx" v-if="menuArr[1][n]"
@click="$global.commonJump(menuArr[1][n]['uniapp_url'])">
<view
v-if="menuArr[1][n]"
class="flex flex-col ai-center"
style="width: 138rpx"
@click="$global.commonJump(menuArr[1][n]['uniapp_url'])"
>
<image style="width: 86rpx;height: 86rpx" :src="menuArr[1][n]['pic']" mode="scaleToFill"/>
<view class="one-t tc" style="width: 100%;margin-top: 16rpx;color:#666666;font-size: 26rpx">
{{ menuArr[1][n]['name'] }}