forms/switch/CSwitch.vue
@@ -1,13 +1,17 @@ /** * CSwitch * 开关组件,用于在表单中提供开关选择功能 * 基于 AtSwitch 封装,支持只读模式 * 能够显示必填和错误状态 * @author Tevin */ <template> <view :class="['c-switch', className]"> <view :class="['c-switch', className, readOnly?'read-only':'']"> <AtSwitch :title="itemRes.label" :checked="itemRes.formData[itemRes.name]" :disabled="readOnly" :onChange="evt=>itemRes.onChange(evt)" /> </view> @@ -23,6 +27,11 @@ props: { // 表单数据资源(表单组件内部机制专用) itemRes: Object, // 只读模式 readOnly: { type: Boolean, default: false, }, }, data() { return {};