首先安装好scss插件,去插件市场安装好。
1、创建好uniapp项目,如果根目录没有package.json,使用以下命令,执行结束后会有个package.json文件
npm init -y
2、npm安装uview组件库
npm install uview-ui
安装完成后会多了一个node_modules文件
3、在main.js文件中添加以下内容:
import uView from 'uview-ui'
Vue.use(uView)
4、在uni.scss文件中添加以下内容:
@import 'uview-ui/theme.scss';
5、在App.vue文件中添加以下内容:
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
</style>
6、 在pages.json文件中添加以下内容:
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
重启即可完成uview引入。
6959

被折叠的 条评论
为什么被折叠?



