1.uview的安装 直接在插件市场下载,链接https://ext.dcloud.net.cn/plugin?id=1593,使用HbuilderX导入插件
2.在unapp终端中添加sass和sass-loader解析
// 安装 sass
npm i sass -D
// 安装 sass-loader
npm i sass-loader -D
3.在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后
import uView from './uni_modules/uview-ui'
Vue.use(uView)
4.在项目中的uni.scss中引入下载的文件 @import '@/uni_modules/uview-ui/theme.scss';
5.在App.vue中引入uview的样式 @import "@/uni_modules/uview-ui/index.scss";
6.在page.json文件中配置 easycom组件
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},
这样子就配置完了,在项目中引入自己所需要的组件即可
以下是我所引入的组件以及效果图
浏览器显示效果图