实现单选式开关

Tevin

2022-03-02 758ffe976bb2ff00237be95baf6513ea4b98a032

 forms/input/CInput.vue

@@ -4,18 +4,28 @@
 */

<template>
    <AtInput
        :name="itemRes.name"
        :title="itemRes.label"
        :type="type"
        :placeholder="placeholder"
        :required="itemRes.required"
        :error="itemRes.error"
        :value="itemRes.formData[itemRes.name]"
        :onChange="evt=>itemRes.onChange(evt)"
    <view
        class="c-input"
        :class="unit?'c-input-unit':''"
    >
        <slot />
    </AtInput>
        <AtInput
            :name="itemRes.name"
            :title="itemRes.label"
            :type="type"
            :placeholder="placeholder"
            :required="itemRes.required"
            :error="itemRes.error"
            :cursorSpacing="0"
            :value="itemRes.formData[itemRes.name]"
            :onChange="evt=>itemRes.onChange(evt)"
        >
            <slot v-if="!unit" />
            <text
                class="c-input-unit-text"
                v-if="unit"
            >{{unit}}</text>
        </AtInput>
    </view>
</template>

<script>
@@ -34,6 +44,8 @@
        type: String,
        // 占位提示
        placeholder: String,
        // 输入框单位
        unit: String,
    },
    mounted() {},
};