uView-ui框架使用笔记

uni-app2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。

因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。

官网链接：https://www.uviewui.com/components/intro.html

1. 下载地址：https://ext.dcloud.net.cn/plugin?id=1593

   

2. 把uview-ui文件存放到项目中去

3. 安装scss插件 (自带则不需要)

4. main.js中引入全局uView

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

   

5. uni.scss文件中全局引入theme.scss

   /* 引入全局uview */
   @import  'uview-ui/theme.scss'
   

6. page.json中引用

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

   

7. 测试一下

   <template>
   	<view>
   		<u-icon name="chat" size="38"></u-icon>
   			<u-button type="error"  shape="circle" size="medium" class="test">危险按钮</u-button>
   	</view>
   </template>