uniapp好用项目和插件总结

最新推荐文章于 2025-10-11 15:52:53 发布

原创最新推荐文章于 2025-10-11 15:52:53 发布 · 1.2w 阅读

·

21

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。

移动端/小程序同时被 2 个专栏收录

4 篇文章

订阅专栏

4 篇文章

订阅专栏

前言：
1.我是一个后端人员，很久没有碰过任何前端东西，所以总结出一些能用上的别人的轮子，方便提高自己的学习和开发效率

2.本文收集来源是Uniapp官方的插件市场和github

3.本文收集的内容是评分高的和一些评价不错的，以目录链接带截图的形式呈现，当然我没总结进来的不代表不好

4.本文会持续更新，因为数目太多和个人理解不到位，可能会出现某些分类不严谨和错误，请见谅！也欢迎给出建议和评论

5.最后感谢所有愿意开源分享的开发者！

更新时间	更新时插件市场总页数	是否全部阅读
2020.2.11	121页	是

本文github地址：

地址~对你有帮助可以来给个⭐

文章目录

组件库

ThorUI

ColorUI

UI界面和组件

轮播图系列

高级轮播图

在这里插入图片描述

3D banner/swiper

在这里插入图片描述

大小图轮播，类似手机相册

在这里插入图片描述

QSwiper组件（切换动画很强大）

在这里插入图片描述

画廊(ynGallery)组件（类似轮播但不是）

在这里插入图片描述

带缩放的轮播

在这里插入图片描述

一个3D的炫酷的图片轮播展示组件

3D图片轮播组件，支持点击/手势切换、自动轮播、点击事件、标题，新增背景幕布设置。推荐一次5-9张图
在这里插入图片描述

富文本

富文本类似朋友圈，可以全文折叠

在这里插入图片描述

仿微信朋友圈模版

在这里插入图片描述

富文本组件加强 js 工具

在这里插入图片描述

可指定高亮内容，是否加粗字体设置，颜色设置

在这里插入图片描述

Parser富文本插件（很强大）

在这里插入图片描述

瀑布流

瀑布流模板

在这里插入图片描述

一个瀑布流，一个全部订单，还行

在这里插入图片描述

电商整套模板

Simple-store电商模板

在这里插入图片描述

MzShop-商城模板代码清晰易懂

在这里插入图片描述

商城模板

在这里插入图片描述

品牌商城模板整套

在这里插入图片描述

mix-mall 电商项目模版

在这里插入图片描述

省钱兄（APP+小程序+H5+公众号）淘宝客商城项目前端

在这里插入图片描述

商城手机端后台管理+多商户商家端+分销

在这里插入图片描述

简洁商城模板

在这里插入图片描述

通用书籍阅读APP，BookChat 的 uni-app 实现版本

在这里插入图片描述

其他整套模板

美容行业模板

在这里插入图片描述

多平台管理系统模板uniapp-admin

在这里插入图片描述

新闻模板

在这里插入图片描述

看漫画（精美）

在这里插入图片描述

数字货币交易系统模板

在这里插入图片描述

QQ音乐模板

在这里插入图片描述

仿「ONE · 一个」App模板

在这里插入图片描述

看图App模板

在这里插入图片描述

聊天软件，可以建群，私聊 uniapp版本，持续更新中

在这里插入图片描述

登陆注册忘记密码模板

极简登录注册模板

极简的登陆模板，包含登陆，注册，找回密码，提供Vuex示例
在这里插入图片描述

登陆注册忘记密码模版

在这里插入图片描述

登录注册忘记密码模板

在这里插入图片描述

Simple-login包含登录注册页面模版

在这里插入图片描述

首页单页面

仿新闻仿头条首页

在这里插入图片描述

独家折扣APP首页

在这里插入图片描述

教育APP首页

在这里插入图片描述

商城首页单页模板

在这里插入图片描述

个人中心单页面

仿京东个人中心模板

在这里插入图片描述

cmd-person个人中心模板

在这里插入图片描述

个人中心页面模板

在这里插入图片描述

商城个人中心

在这里插入图片描述

wkiwi-个人中心

在这里插入图片描述

个人中心

在这里插入图片描述

个人中心模板

在这里插入图片描述

其他单页面

手机APP商城个人消息提醒页面模板

在这里插入图片描述

达人说模版，simple 达人说

在这里插入图片描述

在这里插入图片描述

审批模板，支持小程序和APP

在这里插入图片描述

基于uni-app的搜索页面，带历史搜索记录

在这里插入图片描述

分享推广页面，分享第三方、保存二维码、复制推广地址

在这里插入图片描述

发布评价模板

在这里插入图片描述

glance商品列表（修复页面超宽）

在这里插入图片描述

列表到详情页面模板

在这里插入图片描述

问题反馈页面模板

在这里插入图片描述

导航栏

顶部导航栏+list上下拉刷新（很强）

在这里插入图片描述

ADTabBar 底部导航栏，可以写在多个界面

在这里插入图片描述

glance顶吸滑动导航栏

在这里插入图片描述

tab+list+pull刷新+触底加载+左右滑动模板

在这里插入图片描述

图表

uCharts高性能跨全端图表

在这里插入图片描述

ucharts图表二次封装（已使用过）

在这里插入图片描述

地图相关

原生地图路线规划实现模版

在这里插入图片描述

ms-openMap 打开第三方地图

在这里插入图片描述

动画

w-loading加载动画 30 多款

在这里插入图片描述

数字增长动画

在这里插入图片描述

数字增长动画2

在这里插入图片描述

长按录音交互

在这里插入图片描述

loading动画,简单易修改

在这里插入图片描述

css进度条,多种效果任意选择

在这里插入图片描述

canvas

canvas手写签名带清除保存

在这里插入图片描述

海报名片canvas

在这里插入图片描述

一款基于canvas的商品海报生成组件

在这里插入图片描述

手绘签名

在这里插入图片描述

电子签名修改颜色粗细

在这里插入图片描述

选择器

时间日期选择器

可禁用超过当前的时间，可设置时间选项，时间可灵活自定义
在这里插入图片描述

DatePicker 多粒度时间选择器

在这里插入图片描述

日期时间选择器

全新版本，一款高颜值、多场景的日期时间选择器，提供自定义颜色/格式/文案等。
在这里插入图片描述

good-date-picker

在这里插入图片描述

抽奖优惠券

抽奖转盘优化

在这里插入图片描述

QS-coupon 优惠券

在这里插入图片描述

抽奖转盘

在这里插入图片描述

优惠券小组件

在这里插入图片描述

活动红包模板

在这里插入图片描述

日历

模仿途家住宿日历

在这里插入图片描述

ss-calendar 日历签到

在这里插入图片描述

打卡日历calendar

在这里插入图片描述

骨架屏

好评如潮的骨架屏

在这里插入图片描述

支付相关

验证码密码微信支付宝支付支付密码样式

在这里插入图片描述

表格

t-table 表格组件

在这里插入图片描述

其他

开箱即用的公共搜索组件（历史记录，app语音输入，搜索推荐）

在这里插入图片描述

气泡菜单，类似微信右上角

在这里插入图片描述

一个一般的分页按钮实现

在这里插入图片描述

全屏客服按钮可拖动，自动吸边

在这里插入图片描述

仿微信列表长按弹窗菜单

在这里插入图片描述

小程序首次收藏提示

在这里插入图片描述

队列展示图片广告, 也可自定义其他内容

在这里插入图片描述

水印添加（文字或图片）

在这里插入图片描述

音乐播放器

在这里插入图片描述

NAUI-card卡片

在这里插入图片描述

顶部信息提示组件

在这里插入图片描述

app升级界面自定义插件

在这里插入图片描述

flex布局入门

在这里插入图片描述

实用的自定义海报生成器 QS-SharePoster

在这里插入图片描述

一键回到顶部，非常精简

在这里插入图片描述

下拉式筛选菜单

在这里插入图片描述

工具

网络请求

_request

在这里插入图片描述

luch-request

在这里插入图片描述

myp-request

在这里插入图片描述

封装的request网络请求

基于 Promise 对象实现更简单的 request 使用方式，支持请求和响应拦截

wkiwi-request

微信小程序相关

微信小程序转换为uni-app项目

微信小程序前端获取openId

在这里插入图片描述

小程序获取头像授权+绑定手机

在这里插入图片描述

图片处理

图片涂鸦

在这里插入图片描述

图片裁剪

在这里插入图片描述

个人头像上传裁剪功能插件

在这里插入图片描述

其他

介绍：https://ask.dcloud.net.cn/article/36037

百度身份证识别、银行卡识别、车牌识别、文字识别OCR

在这里插入图片描述

DateFormat(日期格式化或日期提取)

在这里插入图片描述

全局方法封装（请求/正则/URI）

在这里插入图片描述

极光IM在线聊天使用

在这里插入图片描述

simple-network 监听网络状态

在这里插入图片描述

可以跳转到淘宝或天猫的多端插件（基于百川轻电商）

不支持微信
在这里插入图片描述

别人的收集贴

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。