自从我掌握了这个前端UI框架，对面的前端UI妹子被辞退了，好伤心！-技术圈

点击上方蓝色字体，选择“标星公众号”

优质文章，第一时间送达

今天突然发现对面的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 */
"scss">
@import "uview-ui/index.scss";

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组件，直接引用即可。

粉丝福利：108本java从入门到大神精选电子书领取

???

?长按上方锋哥微信二维码 2 秒
备注「1234」即可获取资料以及
可以进入java1234官方微信群

感谢点赞支持下哈