更新记录
1.0.0(2025-02-16)
365DailyCard组件首发
- 新增暗黑炫酷上传卡片组件
- 新增日历卡片组件
- 新增水波流动卡片组件
- 更新使用说明
- 新增UI设计稿链接
- 新增在线演示
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.12 app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
365DailyCard
365DailyCard 不同于以往标准统一的UI库,是一个headless风格 专注于精致炫酷卡片组件的UI库,拥有开箱即用、无缝集成、灵活扩展三大核心特色
- 提供UI源文件,开发者可快速修改UI样式
- 通过模块化卡片体系实现零成本美学升级,赋能开发者5分钟构建专业级视觉界面
- 持续不断选品实现精致炫酷且实用的卡片设计,同时接受卡片组件定制化开发
更多组件:保持每周更新 3-5个卡片
如何使用
引入组件
import { uploadCard } from "@/uni_modules/momalls-365DailyCard"
注册组件
components:{
uploadCard
}
使用
<uploadCard fileType="image" progress="50" uploadTips="上传中" />
组件介绍
1.暗黑上传卡片
属性名 |
类型 |
默认值 |
说明 |
fileName |
String |
'文件名称' |
上传后获取的文件名 |
fileType |
String |
'' |
上传后获取的文件类型 |
fileSize |
String |
'' |
上传后获取的文件大小 |
progress |
Number |
0 |
文件上传进度 |
uploadTips |
String |
上传中 |
上传提示语 |
2.水波动画卡片
属性名 |
类型 |
默认值 |
说明 |
title |
String |
'' |
卡片标题 |
subTitle |
String |
'' |
卡片副标题 |
3.日历卡片
属性名 |
类型 |
默认值 |
说明 |
showOtherMonthDays |
Boolean |
true |
是否限制本月日期 |
onPrevMonthClick |
Function |
|
向前一个点击回调 |
| onNextMonthClick| Function | | 向后一个月点击回调 |
一比一复刻小某书App: 小粉盒(兴趣电商+AI内容推荐系统)正在开发中...