底部导航栏修改

Administrator

2021-07-02 4894b41ca691a754a010d6e8002c035040d2e634

底部导航栏修改

 pages/article/article.vue

@@ -37,6 +37,9 @@
                </view>
            </view>
        </view>
		
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
    </view>
</template>

@@ -60,7 +63,8 @@
                titleNum: 0,
                articleTabArr: ['全部', '视频', '社会', '经济', '热点'],
                articleTabNum: 0,
                navbarTopHeight: "10px"
                navbarTopHeight: "10px",
                tabbar:this.$store.state.tabbar
            }
        },
        mounted() {

 pages/business/business.vue

@@ -30,6 +30,9 @@
                </navigator>
            </view>
        </view>
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
		
    </view>
</template>

@@ -45,7 +48,8 @@
                    title: '设备提交',
                    imgSrc: '../../static/img/cancel.png',
                    goHref: '../equipment/equipment'
                }]
                }],
                tabbar:this.$store.state.tabbar
            }
        }
    }

 pages/home/home.vue

@@ -111,6 +111,9 @@
            </view>
            <!-- 新闻模块 end -->
        </view>
		
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
    </view>
</template>

@@ -136,7 +139,8 @@
                noticeList: [],
                newsList: [{}, {}],
                navButton: [],
                serviceButton: []
                serviceButton: [],
                tabbar:this.$store.state.tabbar
            };
        },
        onLoad() {

 pages/index/index.vue

@@ -5,6 +5,7 @@
            <text class="title">{{title}}__{{userName}}1.4</text>
            <button type="default" @click="cc"></button>
        </view>
        <u-tabbar v-model="current" :list="list"></u-tabbar>
    </view>
</template>

@@ -12,7 +13,18 @@
    export default {
        data() {
            return {
                title: 'Hello'
                title: 'Hello',
                current:0,
                list:[
                    {
                        iconPath: "home",
                        selectedIconPath: "home-fill",
                        text: '首页',
                        count: 2,
                        isDot: true,
						
                    }
                ]
            }
        },
        onLoad() {

 pages/myself/myself.vue

@@ -36,6 +36,9 @@
        </view>
        <uniPopup :textmsg="textmsg" @cancel='operation(1)' @confirm='operation(2)' v-show="showTextmsg">
        </uniPopup>
		
        <!-- 底部导航条 -->
        <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar>
    </view>
</template>

@@ -90,7 +93,8 @@
                        open: 'outIn',
                    },

                ]
                ],
                tabbar:this.$store.state.tabbar
            }
        },
        components: {

 store/state.js

@@ -10,7 +10,35 @@
    puserID: '',
    puserIphone:'',
    avatar:"../../static/logo.png",
    UserData: {}
    UserData: {},
    tabbar:[{
            iconPath: "/static/tabbar/index01.png",
            selectedIconPath: "/static/tabbar/index02.png",
            text: '首页',
			
            pagePath: "/pages/home/home"
        },
        {
            iconPath: "/static/tabbar/article.png",
            selectedIconPath: "/static/tabbar/articleH.png",
            text: '资讯',
            pagePath: "/pages/article/article"
        },
        {
            iconPath: "/static/tabbar/workbench.png",
            selectedIconPath: "/static/tabbar/workbenchH.png",
            text: '工作台',
            count: 2,
            isDot: false,
            pagePath: "/pages/business/business"
        },
        {
            iconPath: "/static/tabbar/my.png",
            selectedIconPath: "/static/tabbar/my-blue.png",
            text: '我的',
            pagePath: "/pages/myself/myself"
        },
    ]
}

export default state