1.在插件市场下载插件
下载地址:https://ext.dcloud.net.cn/plugin?id=1593
2.选择一个要引入的项目
导入之后在目录中的位置如下:
3.在main.js中引入并使用uView的JS库,注意放在import Vue之后
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
4.在uni.scss引入uView的全局SCSS主题文件
@import '@/uni_modules/uview-ui/theme.scss';
5.在App.vue引入uView基础样式
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/uview-ui/index.scss";
</style>
6.在pages.json中配置easycom组件模式
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},
7.在项目中使用