【类 型】:refactor
【主 题】:v-for 输出列表 【描 述】: [原因]:v-for 输出列表 [过程]: [影响]: 【结 束】 # 类型 包含: # feat:新功能(feature) # fix:修补bug # docs:文档(documentation) # style: 格式(不影响代码运行的变动) # refactor:重构(即不是新增功能,也不是修改bug的代码变动) # test:增加测试 # chore:构建过程或辅助工具的变动
This commit is contained in:
parent
e02a531585
commit
35a39295f3
@ -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() {
|
||||||
|
Loading…
Reference in New Issue
Block a user