更新记录
1.0.0(2025-07-20)
first commit
平台兼容性
uni-app(4.75)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
× | √ | √ | √ | × | × | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × | × | × |
uni-app x(4.66)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | √ | × |
xudy-ui 组件库
先不要使用,自己开发着玩的
xudy-card 卡片组件
属性
title
: 卡片标题shadow
: 是否显示阴影 (默认: false)border
: 是否显示边框 (默认: true)style
: 自定义样式loadMoreText
: 右上角加载更多文字loadMoreUrl
: 右上角点击跳转地址
插槽
default
: 卡片主体内容title
: 自定义标题header
: 头部内容footer
: 底部内容
示例
<xudy-card title="最近访客" shadow border>
<view>卡片内容</view>
</xudy-card>
xudy-cell 单元格组件
属性
title
: 单元格标题label
: 描述文字rightLabel
: 右侧文字imgSrc
: 左侧图片地址isLink
: 是否显示右侧箭头 (默认: false)border
: 是否显示下边框 (默认: true)hover
: 点击反馈效果 (默认: false)icon
: 左侧图标类型
插槽
default
: 单元格内容img
: 自定义左侧图片icon
: 自定义左侧图标title
: 自定义标题label
: 自定义描述right
: 自定义右侧内容
示例
<xudy-cell title="设置" icon="gear" is-link />
xudy-tabs 标签页组件
配合组件
需要与xudy-tab-panel
一起使用
示例
<xudy-tabs>
<xudy-tab-panel label="动态">
动态内容
</xudy-tab-panel>
<xudy-tab-panel label="说说">
说说内容
</xudy-tab-panel>
</xudy-tabs>
xudy-tab-panel 标签页面板
属性
label
: 标签页标题
说明
必须作为xudy-tabs
的子组件使用