1. 新建uniapp项目
2. 引入uView插件并导入HbuilderX
控制台显示导入[test/uni_modules]成功
3. 配置
- 项目根目录中main.js中
/* 注意:这两句要放在import Vue之后 */
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
- 项目根目录的uni.scss
@import '@/uni_modules/uview-ui/theme.scss';
- App.vue中首行的位置
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/uview-ui/index.scss";
</style>
4. 测试
<u-button text="月落"></u-button>
注意:
- Hbuilder X下载方式引入,可以省略easycom组件的配置
- 应引入2.0版本的uView并使用2.0版本的组件,否则不兼容会报错