<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应用到您的产品中。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
项目基于vue,使用colorUi与uView,完美支持微信小程序,包含功能:聊天室、金融量化、抽奖、地图轨迹回放、电子签名、图片/海报编辑器、自定义相机/键盘、拍照图片水印、智能抠图、照片墙、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变、加载动画、请求封装等
资源推荐
资源详情
资源评论
收起资源包目录
基于uni-app、colorUi、uView,支持小程序、H5、Android和IOS (363个子文件)
iconfont.css 79KB
icon.css 70KB
main.css 63KB
uni-plate-input.css 4KB
minicry.css 4KB
animation.css 3KB
.gitignore 29B
zjx-bg.jpeg 30KB
u-charts.js 289KB
u-charts.js 190KB
u-charts.min.js 141KB
area.js 122KB
QS-SharePoster.js 39KB
qqmap-wx-jssdk_20210723103931.js 37KB
qqmap-wx-jssdk_20210723103812.js 37KB
qqmap-wx-jssdk_20210723103934.js 37KB
qqmap-wx-jssdk.js 37KB
QRCodeAlg.js 35KB
async-validator.js 34KB
weCropper.js 32KB
seat-data.js 19KB
MpHtmlParser.js 19KB
city.js 14KB
app.js 13KB
config-ucharts.js 13KB
md5.js 12KB
signature.js 11KB
uiImg.js 10KB
amap-wx.js 8KB
config-echarts.js 8KB
index.js 6KB
image-tools.js 5KB
index.js 4KB
test.js 4KB
classify.data.js 4KB
colorGradient.js 4KB
route.js 4KB
projectData.js 4KB
request.js 4KB
request_20210723103951.js 3KB
request_20210723103812.js 3KB
CssHandler.js 3KB
config.js 3KB
geocode-utils.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
type2icon.js 1010B
debounce.js 909B
color.js 892B
deepMerge.js 818B
throttle.js 802B
$parent.js 794B
deepClone.js 681B
index.js 502B
main.js 451B
checker.js 413B
mpShare.js 383B
addUnit.js 381B
zIndex.js 362B
trim.js 353B
randomArray.js 234B
config.js 208B
random.js 205B
toast.js 147B
sys.js 139B
bem.js 64B
pages.json 11KB
manifest.json 4KB
package.json 2KB
package.json 740B
launch.json 504B
uni-plate-input.less 3KB
LICENSE 1KB
LICENSE 1KB
README.md 3KB
readme.md 532B
red-envelope.png 26KB
logo.png 25KB
Intersect.png 9KB
ditu.png 8KB
youxi.png 8KB
NyU04x.png 7KB
lvhang.png 7KB
qiabao.png 7KB
icon_one.png 7KB
yinle.png 6KB
icon_three.png 6KB
icon_two.png 6KB
dengta.png 6KB
tianqi.png 6KB
zhuti.png 6KB
color_red_selected.png 6KB
morent.png 6KB
color_black_selected.png 6KB
共 363 条
- 1
- 2
- 3
- 4
资源评论
- 果果科技2024-03-27资源是宝藏资源,实用也是真的实用,感谢大佬分享~
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6651
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功