更新记录

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

• 首版：底部动作面板（薄封装 nax-picker）
• 支持 actions 列表、标题/描述、取消按钮、危险项/禁用
• 事件：select / cancel / open / close

平台兼容性

uni-app x(4.25)

其他

nax-action-sheet

底部操作菜单（动作面板）。内部薄封装 nax-picker（position=bottom），只提供「选项列表 + 取消」语义。

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

依赖

• 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 的关系