Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
U
uview-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
李晖
uview-ui
Commits
36aa396d
Commit
36aa396d
authored
May 09, 2020
by
wlxuqu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
添加README.md
parent
05caf119
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
102 additions
and
0 deletions
+102
-0
README.md
README.md
+102
-0
No files found.
README.md
0 → 100644
View file @
36aa396d
<p
align=
"center"
>
<img
alt=
"logo"
src=
"https://uviewui.com/common/logo.png"
width=
"120"
height=
"120"
style=
"margin-bottom: 10px;"
>
</p>
<h3
align=
"center"
style=
"margin: 30px 0 30px;font-weight: bold;font-size:40px;"
>
uView
</h3>
<h3
align=
"center"
>
多平台快速开发的UI框架
</h3>
## 说明
uView UI,是
[
uni-app
](
https://uniapp.dcloud.io/
)
生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
## 特性
-
兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序
-
60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用
-
众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨
-
众多的常用页面和布局,让您专注逻辑,事半功倍
-
详尽的文档支持,现代化的演示效果
-
按需引入,精简打包体积
## 安装
```
bash
# npm方式安装
npm i uview-ui
```
## 快速上手
1.
`main.js`
引入uView库
```
js
// main.js
import
uView
from
'
uview-ui
'
;
Vue
.
use
(
uView
);
```
2.
`App.vue`
引入基础样式(注意style标签需声明scss属性支持)
```
css
/* App.vue */
<
style
lang
=
"scss"
>
@import
"uview-ui/index.scss"
;
</
style
>
```
3.
`uni.scss`
引入全局scss变量文件
```
css
/* uni.scss */
@import
"uview-ui/themb.scss"
;
```
4.
`pages.json`
配置easycom规则(按需引入)
```
js
// pages.json
{
"
easycom
"
:
{
"
^u-(.*)
"
:
"
uview-ui/components/u-$1/u-$1.vue
"
},
// 此为本身已有的内容
"
pages
"
:
[
// ......
]
}
```
请通过
[
快速上手
](
https://uviewui.com/components/quickstart.html
)
了解更详细的内容
## 使用方法
配置easycom规则后,自动按需引入,无需
`import`
组件,直接引用即可。
```
html
<template>
<u-buton>
按钮
</u-buton>
</template>
```
请通过
[
快速上手
](
https://uviewui.com/components/quickstart.html
)
了解更详细的内容
## 链接
-
[
官方文档
](
https://uviewui.com/
)
-
[
更新日志
](
https://uviewui.com/components/changelog.html
)
-
[
升级指南
](
https://uviewui.com/components/changelog.html
)
-
[
关于我们
](
https://uviewui.com/cooperation/about.html
)
## 预览
您可以通过
**微信**
扫码,查看最佳的演示效果。
<br>
<br>
<img
src=
"https://uviewui.com/common/weixin_mini_qrcode.png"
width=
"220"
height=
"220"
>
<!-- ## 捐赠uView的研发
uView文档和源码全部开源免费,如果您认为uView帮到了您的开发工作,您可以捐赠uView的研发工作,捐赠无门槛,哪怕是一杯可乐也好(相信这比打赏主播更有意义)。
<img
src=
"https://uviewui.com/common/wechat.png"
width=
"220"
>
<img
style=
"margin-left: 100px;"
src=
"https://uviewui.com/common/alipay.png"
width=
"220"
>
-->
## 版权信息
uView遵循
[
MIT
](
https://en.wikipedia.org/wiki/MIT_License
)
开源协议,意味着您无需支付任何费用,也无需授权,即可将uView应用到您的产品中。
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment