SwitchOptionsModal 开关控制

明细项开关控制弹窗，通常用于模式切换。

引入

组件位置

/pages/component/switchOptionsModal/index

在 app.json 或 index.json 中引入组件：

"usingComponents": {
  "switchOptionsModal": "/pages/component/switchOptionsModal/index"
}

代码演示

基础用法

<switchOptionsModal params="{{ modalParams }}" bind:select="onSelect" />

Page({
  data: {
    modalParams: {
      isShow: true,
      title: '选择饲喂模式',
      singleLine: false,
      switch: [
        { name: '定时模式', info: '按照时间点自动投放', value: 0, checked: true },
        { name: '循环模式', info: '按照间隔时间循环投放', value: 1, checked: false }
      ]
    }
  },
  onSelect(e) {
    console.log('选中的值：', e.detail.value);
  }
});

API

Props

参数	说明	类型	默认值
params	配置项	Object	-

params 配置项

参数	说明	类型	默认值
isShow	是否展示	boolean	false
title	标题	string	标题
singleLine	是否单行展示（不显示描述 info）	boolean	false
switch	选项列表	Array	[]
switchCallback	选中后的回调函数，传入当前选中的 value	function	-
closeCallback	关闭弹窗时的回调函数。注意：若设置此项，组件内部不会自动执行 isShow: false，需自行在回调中处理	function	-

Switch Item 格式

参数	说明	类型
name	选项名称	string
info	补充信息（非单行模式下展示）	string
value	选项对应的值	any
checked	是否选中	boolean

Events

事件名	说明	回调参数
select	点击选项时触发	{ value: any, params: Object }
close	关闭弹窗时触发	-