mob-components.git

			@@ -1,5 +1,5 @@
			/**
			* CSwitchRadio
			* CSwitchRadio 开关式单选框
			* @author Tevin
			*/

			@@ -8,8 +8,14 @@
			class="c-switch c-switch-radio"
			:class="className"
			>
			<AtSwitch :title="itemRes.label" />
			<view class="c-switch-radio-group">
			<AtSwitch
			:title="itemRes.label"
			ref="switch"
			/>
			<view
			class="c-switch-radio-group"
			ref="radio"
			>
			<view
			class="c-switch-radio-item"
			@tap="evt => handleChange(true)"
			@@ -40,6 +46,7 @@

			<script>
			import { AtSwitch, AtIcon } from 'taro-ui-vue';
			import { $ } from '@tarojs/extend';
			import './cSwitch.scss';

			export default {
			@@ -51,10 +58,17 @@
			props: {
			// 表单数据资源（表单组件内部机制专用）
			itemRes: Object,
			// 选项对齐方式，left / right(默认)
			checkAlign: {
			type: String,
			default: 'right',
			},
			// 选中文字
			checkedLabel: {
			type: String,
			default: '是',
			},
			// 不选中文字
			uncheckedLabel: {
			type: String,
			default: '否',
			@@ -66,6 +80,9 @@
			computed: {
			className() {
			let className = '';
			if (this.checkAlign === 'left') {
			className += 'c-switch-radio-left ';
			}
			if (this.itemRes.required) {
			className += 'c-switch-required ';
			}
			@@ -83,5 +100,12 @@
			this.itemRes.onChange(value);
			},
			},
			mounted() {
			if (process.env.TARO_ENV === 'h5') {
			$(this.$refs.switch.$el).append(this.$refs.radio.$el);
			} else if (process.env.TARO_ENV === 'weapp') {
			$(this.$refs.switch.$el).find('.at-switch').append(this.$refs.radio);
			}
			},
			};
			</script>