更新记录

0.1.4（2026-08-18） 下载此版本

  • 蒸汽模式（VUE3-VAPOR）兼容修复：segmented 分割线页头/页脚的 2 条下级选择器规则用 CSS 条件编译隔离，消除 "Invalid selector" 警告；VDOM/Web/小程序行为不变
  • 蒸汽模式兼容：lines CSS 声明改回 <text> 的 :max-lines 属性（官方蒸汽模式方案），消除 Vapor 运行时与 CSS 编译器警告

0.1.2（2026-08-14） 下载此版本

  • readme 统一主题小节：通过 CSS 变量覆盖表格（button 风格），补充组件可覆盖的主题 Token

0.1.1（2026-08-07） 下载此版本

  • 兼容性声明：补充 iOS（APP-IOS）端支持，package.json 平台标记同步为 √
查看更多

平台兼容性

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）

主题

通过 CSS 变量覆盖：

Token 用途
--nax-color-bg 背景色
--nax-color-bg-hover 按压/悬停背景色
--nax-color-border 边框色
--nax-color-divider 分割线色
--nax-color-text 主文字色
--nax-color-text-secondary 次要文字色

依赖

  • nax-ui-theme（可选）

隐私、权限声明

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

无

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

无

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

无

许可协议

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

暂无用户评论。