uview-ui
view-ui的基本使用步骤
安装依赖
- npm i sass
- npm i sass-loader@10
- npm i uview@1
全局引入uview的js库
- 在main.js中引入uview-ui
全局引入uview的sass库
- 在根目录下的uni.scss文件中引入主题文件
全局引入uview主样式库
- 在根目录下的App.vue文件中引入基础样式库
配置easycom模式引入uview组件
- 在根目录下的pages.json文件中配置easycom组件
使用uview组件
- 引入完一些基本的样式和库,并配置easycom组件之后就可以正常使用uview-ui的组建了
- 验证uview-ui组件是否能使用
<u-button>默认按钮</button>
- 如果页面显示一个按钮,说明引入成功