安装
进入对应项目的目录下
npm install uview-ui
在main.js 文件全局引入uView
一般放在Vue.config.productionTip = false之前
// 引入uview-ui
import uView from "uview-ui";
Vue.use(uView);
在uni.scss 文件引入uView的全局SCSS主题文件
一般放在最上方
@import 'uview-ui/theme.scss';
在App.vue文件引入uView基础样式
一般放到最下方
<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
</style>
在pages.json配置easycom
一般放到最上方
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
问题注意
先导入uview-ui，再写自定义的组件。如果还不好用，可以重启下HbuilderX试试。
网友评论