一、npm方式安装

//安装

npm install uview-ui@2.0.34

// 更新

// npm update uview-ui

一般下载完在node_modules目录下,本人是把uview移到项目根目录下去引用

二、引入uview库

在项目根目录main.js文件:

import uView from '@/uview-ui'

Vue.use(uView)

三、引入uview基础样式

在项目static-scss-index.scss文件:

// uview-ui

@import "@/uview-ui/index.scss";

四、在引入uview的全局SCSS主题文件

在项目根目录uni.scss文件

@import '@/uview-ui/theme.scss';

五、配置easycom组件模式

在page.json文件

"easycom": {

"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"

},

Logo

快速构建 Web 应用程序

更多推荐