Uniapp安装Element-UI组件

参考博客

  • 安装Element-UI组件依赖
    npm install npm i element-ui -S 
  • 修改main.js配置文件

引入element

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';

使用element

Vue.use(ElementUI)

配置截图示例

页面去掉顶部导航栏

参考博客

未去掉顶部导航栏截图展示

修改文件pages.json,注意:实际以代码为准,截图示例仅做参照

单一页面去掉顶部导航栏

{
"path" : "pages/login/login",
"style" :
{
"navigationBarTitleText": "Hi Uniapp",
"enablePullDownRefresh": false
// 单一页面去掉顶部导航栏(移除注释,请留意上方代码末尾','需要补全)
// "navigationStyle":"custom",
// "app-plus":{
// "titleNView":false
// }
}

}

全局页面去掉顶部导航栏

"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
// 全局页面去掉顶部导航栏(移除注释,请留意上方代码末尾','需要补全)
// "navigationStyle":"custom",
// "app-plus":{
// "titleView":false
// }
}