【类 型】:refactor

【主	题】:v-for 输出列表
【描	述】:
	[原因]:v-for 输出列表
	[过程]:
	[影响]:
【结	束】

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
This commit is contained in:
szdot 2024-05-31 02:35:39 +08:00
parent e02a531585
commit 35a39295f3

View File

@ -2,9 +2,8 @@
<view> <view>
<u-tabbar :value="current" @change="handleTabChange" :fixed="true" :placeholder="true" <u-tabbar :value="current" @change="handleTabChange" :fixed="true" :placeholder="true"
:safeAreaInsetBottom="true" activeColor="#D43030"> :safeAreaInsetBottom="true" activeColor="#D43030">
<u-tabbar-item class="fz24" text="首页" icon="home"></u-tabbar-item> <u-tabbar-item v-for="(item,index) in tabList" :key="index" class="fz28" :text="item.name"
<u-tabbar-item class="fz24" text="点餐" icon="grid"></u-tabbar-item> :icon="item.icon"></u-tabbar-item>
<u-tabbar-item class="fz24" text="我的" icon="account"></u-tabbar-item>
</u-tabbar> </u-tabbar>
</view> </view>
</template> </template>
@ -13,7 +12,22 @@
export default { export default {
name: "tabbar", name: "tabbar",
data() { data() {
return {} return {
tabList: [ //tabbar
{
'name': '首页',
'icon': 'home'
},
{
'name': '点餐',
'icon': 'grid'
},
{
'name': '我的',
'icon': 'account'
}
]
}
}, },
computed: { computed: {
current() { current() {