<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应用到您的产品中。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于uniapp开发的仿小米有品的微信小程序项目源码.zip 代码完整下载可用,亲测确保可以运行。 基于uniapp开发的仿小米有品的微信小程功能如下: 搜索热词滚动,侧滑商品推荐,吸顶推荐分类,css加载动画,下拉加载更多,图片懒加载,自定义轮播图指示点。 分类页,一级分类banner广告。一二级分类联动。IOS可实现过量上/下拉切换到上/下分类。 搜索热词加图标,搜索防抖,搜索推荐词,关键词变色。 商品列表排序+筛选,卡片、瀑布两种展示样式可切换。 商品详情自定义状态栏,返回按钮右侧增加菜单。如果商品有视频则轮播图处显示播放按钮,显示视频时长(由于接口未提供视频时长,所以实现比较复杂。实际中不推荐使用)。记录用户查看商品足迹。切换商品规格更新商品数据,推荐商品轮播。 生活页3D轮播图效果,置顶tab栏。上拉加载,瀑布流数据,图片高度自适应。 生活详情页骨架屏效果,富文本解析,视频播放,内容推荐。 购物车,增减购物车商品数量,结算待开发 我的,订单列表,优惠券,红包,收藏,浏览记录,更新日志。 使用了阿里iconfont图标。 基于uview-ui开发的自定义toast轻提示。
资源推荐
资源详情
资源评论
收起资源包目录
基于uniapp开发的仿小米有品的微信小程序项目源码.zip (283个子文件)
iconfont.css 79KB
iconfont.css 5KB
.gitignore 9B
area.js 122KB
area.js 103KB
async-validator.js 33KB
weCropper.js 31KB
MpHtmlParser.js 17KB
city.js 14KB
md5.js 12KB
index.js 6KB
http.api.js 5KB
test.js 4KB
index.js 4KB
http.interceptor.js.js 3KB
index.js 3KB
CssHandler.js 3KB
route.js 3KB
colorGradient.js 3KB
config.js 2KB
timeFormat.js 2KB
emitter.js 2KB
guid.js 2KB
getParent.js 2KB
timeFrom.js 2KB
mixin.js 2KB
index.js 2KB
queryParams.js 1KB
userMenu.js 1KB
index.js 1KB
province.js 1KB
type2icon.js 976B
debounce.js 881B
color.js 856B
deepMerge.js 789B
$parent.js 777B
throttle.js 770B
$u.mixin.js 764B
main.js 733B
index.js 698B
deepClone.js 658B
storage.js 518B
index.js 484B
index.js 390B
addUnit.js 374B
mpShare.js 365B
zIndex.js 343B
trim.js 339B
randomArray.js 228B
random.js 196B
config.js 194B
toast.js 139B
sys.js 130B
bem.js 59B
zan.json 37KB
pages.json 5KB
manifest.json 5KB
package.json 2KB
package.json 389B
package-lock.json 370B
LICENSE 1KB
README.md 3KB
top-bg.png 46KB
banner-lazy-load.png 14KB
shouhou.png 8KB
daishouhuo.png 8KB
daifukuan.png 7KB
daipingjia.png 7KB
play.png 5KB
shoucang.png 5KB
hongbao.png 5KB
youhuiquan.png 5KB
liulanjilu.png 5KB
goods-lazy-load.png 4KB
life_bg.png 4KB
icon_tab_profile.png 4KB
LeaderboardBg.png 4KB
icon_tab_profile_sel.png 4KB
avatar_default.png 4KB
icon_tab_main.png 3KB
feed_pinwei_share.png 3KB
icon_tab_cart.png 2KB
icon_tab_cart_sel.png 2KB
xieyiguize.png 2KB
icon_tab_pinwei_sel.png 2KB
icon_tab_pinwei.png 2KB
update.png 2KB
icon_tab_main_sel.png 2KB
topic.png 2KB
buxihuan.png 2KB
zizhizhengzhao.png 2KB
kefu.png 2KB
goods_list_count.png 2KB
icon_tab_main_top.png 2KB
life_title.png 2KB
checkbox_check_hollowred.png 2KB
buganxingqu.png 2KB
usable_left.png 2KB
titile_left.png 2KB
icon_tab_classify_sel.png 2KB
共 283 条
- 1
- 2
- 3
资源评论
- m0_508421962023-12-13资源内容详细,总结地很全面,与描述的内容一致,对我启发很大,学习了。
盈梓的博客
- 粉丝: 6839
- 资源: 1245
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功