c-actionsheet

操作列表

属性

属性名 类型 必填 默认值 说明
title String 否 标题 操作列表标题
list Array 是 [] 操作列表数据，如['action1', 'action2']
active Number 当前选中元素索引，从0开始
show Boolean 否 false 操作列表是否显示
cancel-txt String 否 取消 取消按钮文本
header-style String 否 标题自定义样式
cancel-style String 否 取消按钮自定义样式
content-style String 否 普通操作样式
active-style String 否 当前选中操作样式
c-bind:select EventHandle 否 点击操作时触发，event.detail = { index, value }
c-bind:cancel EventHandle 否 点击取消或蒙层时触发

示例

<template>
  <c-actionsheet
      show="{{true}}"
      title="{{title}}"
      list="{{list}}"
      active="{{0}}"
      cancel-txt="取消"></c-actionsheet>
</template>

<script>

class C_actionsheet   {

  data = {
    list: ["高铁", "火车", "飞机", "打车", "地铁"],
    title: "出行方式"
  }
}
export default new C_actionsheet();
</script>
<script cml-type="json">
{
  "base": {
      "usingComponents": {
          "c-actionsheet": "cml-ui/components/c-actionsheet/c-actionsheet"
      }
  }
}
</script>
wx
web
native

查看完整示例

results matching ""

    No results matching ""