<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": {
// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
// npm安装方式
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
// 下载安装方式
// "^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应用到您的产品中。
没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
收起资源包目录
2021最新外卖霸王餐小程序、H5、微信公众号版外系统源码|霸王餐美团/饿了么系统 粉丝裂变玩源码 (224个子文件)
iconfont.css 79KB
editor-icon.css 3KB
.gitignore 13B
template.h5.html 2KB
area.js 122KB
async-validator.js 34KB
weCropper.js 32KB
qqmap-wx-jssdk.min.js 29KB
h5-qqmap-wx-jssdk.min.js 29KB
MpHtmlParser.js 19KB
draw.js 17KB
city.js 14KB
jweixin-1.6.0.js 13KB
layout.js 12KB
md5.js 12KB
utils.js 11KB
index.js 6KB
index.js 4KB
test.js 4KB
colorGradient.js 4KB
route.js 4KB
gradient.js 4KB
CssHandler.js 3KB
index.js 3KB
config.js 3KB
http.interceptor.js 2KB
timeFormat.js 2KB
emitter.js 2KB
guid.js 2KB
getParent.js 2KB
mixin.js 2KB
timeFrom.js 2KB
queryParams.js 2KB
province.js 1KB
canvas.js 1KB
type2icon.js 1011B
main.js 982B
http.api.js 939B
debounce.js 910B
color.js 892B
deepMerge.js 818B
throttle.js 802B
$u.mixin.js 795B
$parent.js 794B
personal.js 684B
deepClone.js 681B
index.js 502B
mpShare.js 383B
addUnit.js 381B
zIndex.js 362B
trim.js 354B
randomArray.js 235B
config.js 208B
random.js 206B
toast.js 148B
sys.js 139B
bem.js 64B
qrcode.js 0B
pages.json 14KB
manifest.json 7KB
package.json 740B
package.json 92B
LICENSE 1KB
README.md 3KB
README.md 0B
20201224193919.png 13KB
my.png 9KB
my_hover.png 8KB
home.png 8KB
home_hover.png 7KB
order.png 7KB
order_hover.png 6KB
meituan.png 6KB
cut_off_line.png 808B
style.vue.scss 4KB
common.scss 3KB
color.scss 2KB
theme.scss 1KB
style.mp.scss 1KB
theme.scss 1KB
index.scss 485B
style.components.scss 232B
style.components.scss 232B
style.h5.scss 192B
uni.scss 108B
style.nvue.scss 30B
editor-icon.ttf 12KB
使用.txt 323B
revenue.vue 97KB
u-picker.vue 22KB
u-no-network.vue 21KB
u-parse.vue 21KB
u-upload.vue 20KB
u-calendar.vue 19KB
activitylist.vue 18KB
personal.vue 18KB
u-lazy-load.vue 17KB
u-button.vue 16KB
u-tabs-swiper.vue 14KB
u-form-item.vue 14KB
共 224 条
- 1
- 2
- 3
聚农网络
- 粉丝: 42
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1