更新记录

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

• 蒸汽模式兼容：lines CSS 声明迁移为 <text> 的 :max-lines 属性（官方蒸汽模式方案），消除 Vapor 运行时与 CSS 编译器警告

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

• 精简 readme：移除内部开发向内容（设计说明 / 实现细节 / 平台差异实现等），只保留安装、用法、API、主题等用户文档

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

• 支持 iOS 端：组件为全端公共实现，无端差异代码，iOS 直接可用

平台兼容性

uni-app x(4.25)

其他

nax-action-sheet

底部操作菜单（动作面板），提供「选项列表 + 取消」语义。

自定义任意底部内容请直接用 nax-picker。

主题

通过 CSS 变量覆盖：

依赖

• nax-picker
• nax-ui-theme（可选，主题 token）

easycom 自动注册：页面内直接使用 <nax-action-sheet>。

基础用法

<nax-button label="打开" @click="show = true"></nax-button>
<nax-action-sheet
  v-model:show="show"
  title="请选择操作"
  :actions="actions"
  @select=""
  @cancel="onCancel"
></nax-action-sheet>

const show = ref(false)
const actions = [
  { name: '分享' },
  { name: '收藏' },
  { name: '删除', type: 'error' }
]

function (payload: UTSJSONObject) {
  const index = payload.getNumber('index')
  const name = payload.getString('name')
  // ...
}

function onCancel() {
  // 点取消
}

actions 项字段

兼容：也可传 list（与 actions 相同形态；actions 优先）。

Props

事件

与 nax-picker 的关系