uniapp 学习笔记五 自定义导航栏组件的全局使用

uniapp 学习笔记五 自定义导航栏组件的全局使用_第1张图片

引入并使用了colorUI和uView组件

nav-custom.vue





局部引入test-my-comp.vue 自定义组件使用





全局引入 组件 uview 和 nav-custom, main.js中

 

// 全局引入uView主JS库
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

// 全局引入自定义组件
import NavCustom from '@/components/nav-custom.vue'
Vue.component('nav-custom',NavCustom)

homee.vue 中使用






page.json中 加上 隐藏 自带导航栏

        {
            "path" : "pages/homee/homee",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
                "navigationStyle": "custom"
            }
            
        }

你可能感兴趣的:(uni-app,uni-app,学习)