安装和使用uView

前提：HbuilderX，node环境，创建uni项目

将下载好的文件拖到项目中

 

安装：

　　1.npm install uview-ui

　　2.uview依赖scss

　　　　npm i node-sass -d

　　　　npm i sass-loader -d

配置：

　　1.main.js

　　　　import uView from "uview-ui";
　　　　Vue.use(uView);

　　2.uni.scss

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

　　3.app.vue引入样式

　　　　<style lang="scss">
　　　　/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
　　　　　　@import "uview-ui/index.scss";
　　　　</style>

　　4. 配置easycom组件模式　　　

　　　　// pages.json
　　　　{
　　　　　　"easycom": {
　　　　　　　　"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
　　　　　　},
　　　　　　// 此为本身已有的内容
　　　　　　"pages": [
　　　　　　　　// ......
　　　　　　]
　　　　}

使用:　　https://uviewui.com/components/quickstart.htmluView的安装和使用