11<p align =" center " >
22 <img alt="logo" src="https://uviewui.com/common/logo.png" width="120" height="120" style="margin-bottom: 10px;">
33</p >
4- <h3 align =" center " style =" margin : 30px 0 30px ;font-weight : bold ;font-size :40px ;" >uView</h3 >
4+ <h3 align =" center " style =" margin : 30px 0 30px ;font-weight : bold ;font-size :40px ;" >uView 2.0 </h3 >
55<h3 align =" center " >多平台快速开发的UI框架</h3 >
66
7+ [ ![ stars] ( https://img.shields.io/github/stars/umicro/uView2.0?style=flat-square&logo=GitHub )] ( https://github.com/umicro/uView2.0 )
8+ [ ![ forks] ( https://img.shields.io/github/forks/umicro/uView2.0?style=flat-square&logo=GitHub )] ( https://github.com/umicro/uView2.0 )
9+ [ ![ issues] ( https://img.shields.io/github/issues/umicro/uView2.0?style=flat-square&logo=GitHub )] ( https://github.com/umicro/uView2.0/issues )
10+ [ ![ Website] ( https://img.shields.io/badge/uView-up-blue?style=flat-square )] ( https://uviewui.com )
11+ [ ![ release] ( https://img.shields.io/github/v/release/umicro/uView2.0?style=flat-square )] ( https://gitee.com/umicro/uView2.0/releases )
12+ [ ![ license] ( https://img.shields.io/github/license/umicro/uView2.0?style=flat-square )] ( https://en.wikipedia.org/wiki/MIT_License )
13+
714## 说明
815
9- uView UI,是[ uni-app] ( https://uniapp.dcloud.io/ ) 生态优秀的UI框架 ,全面的组件和便捷的工具会让您信手拈来,如鱼得水
16+ uView UI,是[ uni-app] ( https://uniapp.dcloud.io/ ) 全面兼容nvue的uni-app生态框架 ,全面的组件和便捷的工具会让您信手拈来,如鱼得水
1017
11- ## 特性
18+ ## [ 官方文档: https://uviewui.com ] ( https://uviewui.com )
1219
13- - 兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序
14- - 60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用
15- - 众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨
16- - 众多的常用页面和布局,让您专注逻辑,事半功倍
17- - 详尽的文档支持,现代化的演示效果
18- - 按需引入,精简打包体积
1920
21+ ## 预览
2022
21- ## 安装
23+ 您可以通过** 微信** 扫码,查看最佳的演示效果。
24+ <br >
25+ <br >
26+ <img src =" https://uviewui.com/common/weixin_mini_qrcode.png " width =" 220 " height =" 220 " >
2227
23- ``` bash
24- # npm方式安装,插件市场导入无需执行此命令
25- npm i uview-ui
26- ```
2728
28- ## 快速上手
29+ ## 链接
2930
30- 1 . ` main.js ` 引入uView库
31- ``` js
32- // main.js
33- import uView from ' uview-ui' ;
34- Vue .use (uView);
35- ```
31+ - [ 官方文档] ( https://www.uviewui.com/ )
32+ - [ 更新日志] ( https://www.uviewui.com/components/changelog.html )
33+ - [ 升级指南] ( https://www.uviewui.com/components/changeGuide.html )
34+ - [ 关于我们] ( https://www.uviewui.com/cooperation/about.html )
3635
37- 2 . ` App.vue ` 引入基础样式(注意style标签需声明scss属性支持)
38- ``` css
39- /* App.vue */
40- <style lang="scss">
41- @import " uview-ui/index.scss" ;
42- </style >
43- ```
36+ ## 交流反馈
4437
45- 3. `uni.scss`引入全局scss变量文件
46- ```css
47- /* uni.scss */
48- @import " uview-ui/theme.scss" ;
49- ```
38+ 欢迎加入我们的QQ群交流反馈:[ 点此跳转] ( https://www.uviewui.com/components/addQQGroup.html )
5039
51- 4 . ` pages.json ` 配置easycom规则(按需引入)
52-
53- ``` js
54- // pages.json
55- {
56- " easycom" : {
57- // npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
58- // npm安装方式
59- " ^u-(.*)" : " uview-ui/components/u-$1/u-$1.vue"
60- // 下载安装方式
61- // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
62- },
63- // 此为本身已有的内容
64- " pages" : [
65- // ......
66- ]
67- }
68- ```
40+ ## 关于PR
41+
42+ > 我们非常乐意接受各位的优质PR,但在此之前我希望您了解uView2.0是一个需要兼容多个平台的(小程序、h5、ios app、android app)包括nvue页面、vue页面。
43+ > 所以希望在您修复bug并提交之前尽可能的去这些平台测试一下兼容性。最好能携带测试截图以方便审核。非常感谢!
44+
45+ ## 安装
46+
47+ #### ** uni-app插件市场链接** —— [ https://ext.dcloud.net.cn/plugin?id=1593 ] ( https://ext.dcloud.net.cn/plugin?id=1593 )
6948
70- 请通过[ 快速上手] ( https://www.uviewui.com/components/quickstart.html ) 了解更详细的内容
49+ 请通过[ 官网安装文档] ( https://www.uviewui.com/components/install.html ) 了解更详细的内容
50+
51+ ## 快速上手
52+
53+ 请通过[ 快速上手] ( https://uviewui.com/components/quickstart.html ) 了解更详细的内容
7154
7255## 使用方法
7356配置easycom规则后,自动按需引入,无需` import ` 组件,直接引用即可。
@@ -78,27 +61,6 @@ Vue.use(uView);
7861</template >
7962```
8063
81- 请通过[ 快速上手] ( https://www.uviewui.com/components/quickstart.html ) 了解更详细的内容
82-
83- ## 链接
84-
85- - [ 官方文档] ( https://www.uviewui.com/ )
86- - [ 更新日志] ( https://www.www.uviewui.com/components/changelog.html )
87- - [ 升级指南] ( https://www.uviewui.com/components/changelog.html )
88- - [ 关于我们] ( https://www.uviewui.com/cooperation/about.html )
89-
90- ## 预览
91-
92- 您可以通过** 微信** 扫码,查看最佳的演示效果。
93- <br >
94- <br >
95- <img src =" https://uviewui.com/common/weixin_mini_qrcode.png " width =" 220 " height =" 220 " >
96-
97- ## 捐赠uView的研发
98-
99- uView文档和源码全部开源免费,如果您认为uView帮到了您的开发工作,您可以捐赠uView的研发工作,捐赠无门槛,哪怕是一杯可乐也好(相信这比打赏主播更有意义)。
100-
101- <img src =" https://uviewui.com/common/alipay.png " width =" 220 " ><img style =" margin-left : 100px ;" src =" https://uviewui.com/common/wechat.png " width =" 220 " >
102-
10364## 版权信息
10465uView遵循[ MIT] ( https://en.wikipedia.org/wiki/MIT_License ) 开源协议,意味着您无需支付任何费用,也无需授权,即可将uView应用到您的产品中。
66+
0 commit comments