更新记录
1.0.0(2023-05-03)
下载此版本
完成
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| × |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
Card 卡片
参数
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| label |
标题 |
string |
| more |
是否显示更多 |
boolean |
|
false |
| more-text |
更多文本内容 |
string |
| loading |
是否加载中 |
boolean |
|
false |
依赖的组件
示例
基础用法
<ayi-card label="基础用法">
<ayi-text value="阿翼UI"></ayi-text>
</ayi-card>
显示更多
配置 more 参数控制显示隐藏,more-text 为文本内容
<ayi-card label="显示更多" more more-text="查看更多">
<ayi-text value="阿翼UI"></ayi-text>
</ayi-card>
加载中
配置 loading 参数
<ayi-card label="加载中" loading>
<ayi-text value="阿翼UI"></ayi-text>
</ayi-card>