更新记录

0.1.0（2026-07-31） 下载此版本

  • 初版 nax-card（内容卡片）
  • title / extra 页头文案
  • 插槽 header / default / footer / title / extra / cover
  • bordered / size sm|md|lg；hoverable 可选按压反馈
  • show-cover / show-footer / show-header 控制区段（uvue 插槽探测受限）

平台兼容性

uni-app x(4.25)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ √ √ - √ √

其他

多语言 暗黑模式 宽屏模式
× √ ×

nax-card

内容卡片。标题 / 额外区 / 封面 / 页脚，主题 token 背景与边框。

用法

<nax-card title="标题" extra="更多">
  <text>正文内容</text>
</nax-card>

<nax-card title="带页脚" :show-footer="true" segmented>
  <text>正文</text>
  <template #footer>
    <nax-button size="sm" label="操作"></nax-button>
  </template>
</nax-card>

Props

属性 类型 默认 说明
title string '' 标题
extra string '' 右侧额外文案
bordered boolean true 边框
hoverable boolean false 按压反馈
size string md sm / md / lg
segmented boolean false 页头/页脚分割线
show-cover boolean false 启用封面插槽区域
show-footer boolean false 启用页脚插槽区域
show-header boolean false 无 title/extra 时仍显示页头（配合 header 插槽）
custom-class string '' 根节点扩展 class

事件

事件 说明
click 点击卡片

插槽

名称 说明
default 正文
header 整块自定义页头
title 自定义标题
extra 自定义右侧
cover 封面（需 show-cover）
footer 页脚（需 show-footer）

依赖

  • nax-ui-theme（可选）

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。