Uni-App UI 框架使用
1 uView-ui 2.0
安装 uview-ui
- 1 npm 初始化 项目如果没 npm 初始化，先初始化
npm init -y
- 2 项目安装 uview-ui
npm install uview-ui -S
- 3 main.js 引入
import Vue from 'vue'
import App from './App'
import uView from "uview-ui"
Vue.use(uView)
- 4 App.vue引入基础样式(声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "uview-ui/index.scss";
</style>
- 5 根目录 uni.scss 引入全局 scss
/* uni.scss */
@import "uview-ui/theme.scss";
- 6 根目录 pages.json 配置easycom规则(按需引入) ::: tip 安装方式配置
- npm安装的方式，不需要前面的 "@/"
- 下载安装的方式，需要 "@/" :::
// pages.json
{
"easycom": {
// npm安装方式
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
// 下载安装方式
// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
// ......
]
}