表单只读控件，加深背景色

Tevin

2023-11-22 057e40f413c2ef93f6ec71dbb06c491d169c6c6f

 forms/datePicker/CDatePicker.vue

@@ -6,7 +6,7 @@
<template>
    <view
        class="c-date-picker"
        :class="readOnly ? 'read-only':''"
        :class="readOnly?'read-only':''"
    >
        <CDateRangeAction
            v-if="mode==='dateRange'"
@@ -27,7 +27,7 @@
                    class="at-icon at-icon-chevron-right"
                />
                <view
                    v-show="showClear"
                    v-show="!readOnly && showClear"
                    class="at-icon at-icon-close"
                    @tap.stop="evt => handleClear()"
                ></view>
@@ -52,7 +52,7 @@
                    class="at-icon at-icon-chevron-right"
                />
                <view
                    v-show="showClear"
                    v-show="!readOnly && showClear"
                    class="at-icon at-icon-close"
                    @tap.stop="evt => handleClear()"
                ></view>
@@ -63,6 +63,7 @@
                mode="date"
                :start="limitStart || pickerStart"
                :end="limitEnd || pickerEnd"
                :fields="fields"
                :value="itemRes.formData[itemRes.name]"
                @change="evt=>handleChange(evt.detail.value)"
            >
@@ -79,7 +80,7 @@
                        class="at-icon at-icon-chevron-right"
                    />
                    <view
                        v-show="showClear"
                        v-show="!readOnly && showClear"
                        class="at-icon at-icon-close"
                        @tap.stop="evt => handleClear()"
                    ></view>
@@ -118,6 +119,11 @@
        limitStart: String,
        // 结束日期
        limitEnd: String,
        // 日期选择粒度 year、month、day
        fields: {
            type: String,
            default: 'day',
        },
        // 是否只读
        readOnly: {
            type: Boolean,