今天突然发现对面的UI妹子没来上班，然后问其他同事，最后得知，原来是被老板辞退了，原因居然是我，掌握了一个兼容性比较好的前端UI框架，基本足够开发了，所以公司不需要专业前端了，我好伤心啊，没有妹子的日子里，好不习惯。
不过一会，老板喊我进办公室，说我比较努力，学会用的这个UI框架，体验比较好，效果也不错，给了加了3K月薪，以后前端的活也包了。虽然工作量大了，但是还是很开心，离买房又更近一步了。
这个前端UI框架是uView UI 简称uView，比较厉害，我介绍下吧，建议好好学习下。
uView UI，是uniapp生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
官方站点：
https://uviewui.com
码云开源地址：
https://gitee.com/xuqu/uView
github开源地址：
https://github.com/YanxinNet/uView
四大利器，为您保驾护航
一次编写，多端发布
组件效果：
特性
-
兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序
-
60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用
-
众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨
-
众多的常用页面和布局，让您专注逻辑，事半功倍
-
详尽的文档支持，现代化的演示效果
-
按需引入，精简打包体积
安装
下载地址 —— https://ext.dcloud.net.cn/plugin?id=1593
快速上手
-
main.js引入uView库
// main.js
import uView from 'uview-ui';
Vue.use(uView);
-
App.vue引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "uview-ui/index.scss";
</style>
-
uni.scss引入全局scss变量文件
/* uni.scss */
@import "uview-ui/theme.scss";
-
pages.json配置easycom规则(按需引入)
// pages.json
{
"easycom": {
// 下载安装的方式需要前面的"@/"，npm安装的方式无需"@/"
// 下载安装方式
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
// npm安装方式
// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
请通过快速上手了解更详细的内容
使用方法
配置easycom规则后，自动按需引入，无需import组件，直接引用即可。
<template>
<u-button>按钮</u-button>
</template>
