组件库
UI 组件库
点我查看
uniapp
uview
thorui
Wot Design Uni
uxframe
tmui
Tuniao UI
iui Design
vue
element
iview
ant-design-vue
Vuetify
Naive UI
Arco Design Vue
TinyVue
Varlet
NutUI
NutUI-JDT
tdesign
ZUI 3
小程序
vant-weapp
iview weapp
ColorUI
TaroUI
wuxui
Lin-UI
firstui 微信小程序版
后台管理库
点我查看
Arco Design Pro
Vben Admin
Ant Design Pro
vue-element-plus-admin
vue-admin-arco
Eladmin-web
Soybean Admin
Naive Ui Admin
pure-admin
SCUI Admin
vue-element-admin
Vue3 Antdv Admin
likeadmin
Fantastic-admin
Nova Admin
Avue
Geeker-Admin
Vue Naive Admin
snowadmin
Gin-Vue-Admin
vue3-element-admin
Cool Admin
插件库
插件库
自定义安装
浏览器加载条
- nprogress
操作 cookie
- js-cookie
扩展 css
- less/sass
图表
- echarts
富文本编辑器
- aieditor
富文本编辑器
- wangEditor
css 动画库
- animate.css
css js控制
- unocss
vue组合式工具集
- vueuse
其他
html5plus
点我查看
https://www.html5plus.org/doc/h5p.html
html5plus 是基于 HTML5 标准的统一（统一 API 接口）标准的跨平台开发环境，可以在 iOS、Android、Windows Phone 和 Win32 等多个主流操作系统平台上运行。开发者可以使用 HTML5、JavaScript、CSS 等前端开发技术，结合 html5plus 提供的丰富的 API，快速构建应用。
api 接口大全
UI 设计
mock.js（模拟数据）
查看代码
npm install mockjs
安装 main.js 引入
单文件引入
// 引入 mock 文件，正式发布时，注释掉该处即可
import '/mock/user'; // 引入 Mock.js 配置文件
多文件引入
先引入 index.js
在 index.js 文件里面引入其他多个 mock.js 的文件
使用
import Mock from "mockjs";
const user = Mock.mock("/api/user", "get", {
code: 200,
data: {
id: "@id",
name: "@name",
age: "@integer(20, 50)",
},
});常用数据
@id: 表示生成一个随机的 ID
@name: 表示生成一个随机的姓名
@boolean：生成一个随机的布尔值。
@integer：生成一个随机的整数。
@float：生成一个随机的浮点数。
@date：生成一个随机的日期。
@image：生成一个随机的图片 URL
@sentence：生成一个随机的句子。
@paragraph：生成一个随机的段落。
@email：生成一个随机的邮箱地址。
@url：生成一个随机的 URL 地址。