<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/theme.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-button>按钮</u-button>
</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应用到您的产品中。
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于uni-app的仿微信wechat小程序完整源码 (192个子文件)
iconfont.css 94KB
iconfont.css 3KB
Ran.jpg 161KB
3.jpg 35KB
1.jpg 34KB
boy.jpg 32KB
3.jpg 31KB
huge.jpg 28KB
5.jpg 28KB
2.jpg 26KB
girl.jpg 25KB
4.jpg 19KB
1.jpg 14KB
2.jpg 11KB
4.jpg 10KB
guanxi.jpg 9KB
area.js 235KB
icon.js 153KB
async-validator.js 34KB
weCropper.js 32KB
weCropper.js 32KB
city.js 25KB
md5.js 12KB
index.js 6KB
index.js 5KB
index.js 4KB
test.js 4KB
route.js 3KB
colorGradient.js 3KB
emitter.js 2KB
province.js 2KB
guid.js 2KB
timeFrom.js 2KB
queryParams.js 2KB
timeFormat.js 1KB
type2icon.js 1011B
bem.js 826B
main.js 824B
deepMerge.js 818B
$u.mixin.js 785B
color.js 708B
mixin.js 695B
deepClone.js 627B
index.js 502B
trim.js 354B
zIndex.js 347B
index.js 313B
mpShare.js 296B
randomArray.js 235B
random.js 206B
toast.js 148B
config.js 111B
vue.config.js 53B
pages.json 6KB
manifest.json 4KB
package.json 2KB
package-lock.json 451B
package.json 310B
LICENSE 1KB
LICENSE 1KB
README.md 3KB
README.md 1KB
README.en.md 998B
wechat_hl.png 10KB
find_hl.png 9KB
wechat.png 9KB
comment.png 9KB
like.png 9KB
find.png 8KB
add.png 8KB
voice.png 7KB
face.png 7KB
voice-right-1.png 7KB
voice-left-1.png 7KB
voice-right-2.png 7KB
voice-left-2.png 7KB
my_hl.png 6KB
keyboard.png 6KB
voice-right-3.png 6KB
voice-left-3.png 6KB
address_hl.png 6KB
address.png 5KB
like-fill.png 5KB
my.png 5KB
logo.png 4KB
index.scss 7KB
index.scss 5KB
color.scss 3KB
common.scss 2KB
uni.scss 2KB
theme.scss 1KB
iconfont.ttf 2KB
u-no-network.vue 21KB
u-picker.vue 21KB
u-lazy-load.vue 16KB
u-calendar.vue 16KB
firendCircle.vue 16KB
chat.vue 15KB
u-upload.vue 15KB
u-button.vue 14KB
共 192 条
- 1
- 2
资源评论
陶人超有料
- 粉丝: 1w+
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功