kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

允许小程序自由设置底部导航栏个数

Browse Source
This commit is contained in:
aixianling
2022-11-02 14:42:18 +08:00
parent f1534ffc71
commit 48dc4a3d33
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
project/oms/apps/develop/AppDeployCustom/add.vue
View File

@@ -109,12 +109,15 @@
</el-form-item> </el-form-item>
<ai-title title="底部导航栏"/> <ai-title title="底部导航栏"/>
<ai-table :tableData="tabBar.list" :colConfigs="colConfigs" tableSize="mini" :isShowPagination="false" border> <ai-table :tableData="tabBar.list" :colConfigs="colConfigs" tableSize="mini" :isShowPagination="false" border>
<el-table-column slot="options" label="操作" width="80" align="center"> <el-table-column slot="options" label="操作" width="140" align="center">
<template slot-scope="{row}"> <template slot-scope="{row,$index}">
<ai-dialog-btn text="更换" dialogTitle="选择应用"> <el-row type="flex" justify="center">
<ai-lib-table :meta="appList" v-model="row.id" @select="v=>handleTabbarChange(row,v)" :isShowPagination="false" v-bind="$props" <ai-dialog-btn text="更换" dialogTitle="选择应用">
:border="false"/> <ai-lib-table :meta="appList" v-model="row.id" @select="v=>handleTabbarChange(row,v)" :isShowPagination="false" v-bind="$props"
</ai-dialog-btn> :border="false"/>
</ai-dialog-btn>
<el-button type="text" @click="handleTabbarDelete($index)">删除</el-button>
</el-row>
</template> </template>
</el-table-column> </el-table-column>
</ai-table> </ai-table>
@@ -298,6 +301,9 @@ export default {
handleTabbarChange(row, {name, label}) { handleTabbarChange(row, {name, label}) {
row.text = label row.text = label
row.pagePath = `pages/${name}/${name}` row.pagePath = `pages/${name}/${name}`
},
handleTabbarDelete(i) {
this.tabBar.list?.splice(i, 1)
} }
}, },
created() { created() {