uniapp时控开关界面代码

在uni-app中创建一个时控开关（如toggle switch）的界面通常涉及使用`<switch>`组件。这是一个简单的例子：

<template>
  <view class="control-switch">
    <switch v-model="isSwitchOn" @change="handleSwitchChange"></switch>
    <text>{{ isSwitchOn ? '打开' : '关闭' }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isSwitchOn: false,
    };
  },
  methods: {
    handleSwitchChange(e) {
      this.isSwitchOn = e.detail.value;
      // 可以在这里添加开关状态改变后的操作逻辑，例如更新后台数据、触发事件等
    },
  },
};
</script>

<style scoped>
.control-switch {
  margin-bottom: 20px;
}
</style>

在这个示例中：
- `<switch>`标签用于显示开关，`v-model`绑定到`data`中的`isSwitchOn`属性，表示开关的状态。
- `@change`事件监听切换动作，当开关状态变化时，会触发`handleSwitchChange`方法，更新`isSwitchOn`的值，并可以在此处理相应的业务逻辑。
- `<text>`标签则显示当前开关的状态。