- 新建uni-ui项目
- 下载安装插件 uView2.0重磅发布,利剑出鞘,一统江湖 - DCloud 插件市场
- 配置
- main.js写入(import App from './App'后面)
// 引入并使用 uView 库
import uView from 'uview-ui';
Vue.use(uView);
- 项目根目录下App.vue文件引入基础样式(页面公共scss前面)
<style lang="scss">
// 引入 uview 基础样式
@import "uview-ui/index.scss";
</style>
- uni.scss文件引入全局scss变量文件
/* uni.scss */
@import "uview-ui/theme.scss";
- 在pages.json文件配置easycom规则(pages前面中括号内)
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
4.npm安装(内置终端)
npm i uview-ui