选择器添加禁用

components/Yl_field/index.wxml

@@ -5,15 +5,15 @@
         <view class="picker" wx:if="{{item.type=='date'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="picker-slot" wx:if="{{item.slot}}">
                     <slot name="{{item.slot}}" />
                 </view>
-                <picker mode='date' value="{{item.value}}" fields='{{item.fields||"day"}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" bindchange="bindDateChange">
+                <picker mode='date' value="{{item.value}}" disabled="{{item.disabled}}" fields='{{item.fields||"day"}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" bindchange="bindDateChange">
                     <view class="content">
-                        <text wx:if="{{item.value}}" style="color: #000;">{{item.value}}</text>
+                        <text wx:if="{{item.value}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
                         <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
                     </view>
                 </picker>
@@ -24,20 +24,20 @@
         <view class="picker" wx:elif="{{item.type=='dateRange'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="picker-slot" wx:if="{{item.slot}}">
                     <slot name="{{item.slot}}" />
                 </view>
                 <view class="content" style="display: flex;">
-                    <picker mode='date' value="{{item.value[0]}}" fields='{{item.fields||"day"}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" data-index="0" bindchange="rangeDateChange">
-                        <text wx:if="{{item.value[0]}}" style="color: #000;">{{item.value[0]}}</text>
+                    <picker mode='date' value="{{item.value[0]}}" disabled="{{item.disabled}}" fields='{{item.fields||"day"}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" data-index="0" bindchange="rangeDateChange">
+                        <text wx:if="{{item.value[0]}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value[0]}}</text>
                         <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder[0]}}</text>
                     </picker>
                     <view style="margin: 0 20rpx;color: #000;">至</view>
-                    <picker mode='date' value="{{item.value[1]}}" fields='{{item.fields||"day"}}' start="{{item.value[0]}}" end="{{item.end}}" data-item="{{item}}" data-index="1" bindchange="rangeDateChange">
-                        <text wx:if="{{item.value[1]}}" style="color: #000;">{{item.value[1]}}</text>
+                    <picker mode='date' value="{{item.value[1]}}" disabled="{{item.disabled}}" fields='{{item.fields||"day"}}' start="{{item.value[0]}}" end="{{item.end}}" data-item="{{item}}" data-index="1" bindchange="rangeDateChange">
+                        <text wx:if="{{item.value[1]}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value[1]}}</text>
                         <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder[1]}}</text>
                     </picker>
                 </view>
@@ -48,15 +48,15 @@
         <view class="picker" wx:elif="{{item.type=='time'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="picker-slot" wx:if="{{item.slot}}">
                     <slot name="{{item.slot}}" />
                 </view>
-                <picker mode='time' value="{{item.value}}" fields='{{item.fields}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" bindchange="bindDateChange">
+                <picker mode='time' value="{{item.value}}" disabled="{{item.disabled}}" fields='{{item.fields}}' start="{{item.start}}" end="{{item.end}}" data-item="{{item}}" bindchange="bindDateChange">
                     <view class="content">
-                        <text wx:if="{{item.value}}" style="color: #000;">{{item.value}}</text>
+                        <text wx:if="{{item.value}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
                         <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
                     </view>
                 </picker>
@@ -67,15 +67,15 @@
         <view class="picker" wx:elif="{{item.type=='region'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="picker-slot" wx:if="{{item.slot}}">
                     <slot name="{{item.slot}}" />
                 </view>
-                <picker mode='region' value="{{item.value}}" data-item="{{item}}" bindchange="bindRegionChange">
+                <picker mode='region' value="{{item.value}}" disabled="{{item.disabled}}" data-item="{{item}}" bindchange="bindRegionChange">
                     <view class="content">
-                        <text wx:if="{{item.value.length}}" style="color: #000;">{{item.value}}</text>
+                        <text wx:if="{{item.value.length}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
                         <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
                     </view>
                 </picker>
@@ -86,7 +86,7 @@
         <view class="picker" wx:elif="{{item.type=='sex'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="content">
@@ -104,11 +104,11 @@
         <view class="picker" wx:elif="{{item.type=='option'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="content" style="justify-content: space-between; display: flex; align-items: flex-start;" data-item="{{item}}" bindtap="toOptions">
-                    <text wx:if="{{item.value.length}}" style="color: #000;">{{item.value}}</text>
+                    <text wx:if="{{item.value.length}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
                     <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
                     <van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
                 </view>
@@ -119,11 +119,11 @@
         <view class="picker" wx:elif="{{item.type=='route'}}">
             <view class="label">
                 <text class="need" style="color: {{item.required?'#EE0A24':'rgba(0,0,0,0)'}};">*</text>
-                <text class="text">{{item.label}}</text>
+                <text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
             </view>
             <view style="position: relative;">
                 <view class="content" style="justify-content: space-between; display: flex; align-items: flex-start;" data-item="{{item}}" bindtap="route">
-                    <text wx:if="{{item.value.length}}" style="color: #000;">{{item.value[0]}}</text>
+                    <text wx:if="{{item.value.length}}" style="color:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value[0]}}</text>
                     <text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
                     <van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
                 </view>
@@ -131,7 +131,7 @@
             </view>
         </view>
         <!-- 输入框 -->
-        <van-field wx:else label="{{item.label}}" required="{{item.required}}" value="{{ item.value }}" placeholder="{{item.placeholder||'请填写'}}" label-class='label-class' type="{{item.type}}" error="{{item.error}}" error-message='{{item.errMsg}}' autosize border="{{ false }}" bind:input="inputChange" data-item="{{item}}">
+        <van-field wx:else label="{{item.label}}" required="{{item.required}}" value="{{ item.value }}" placeholder="{{item.placeholder||'请填写'}}" label-class='label-class' type="{{item.type}}" error="{{item.error}}" error-message='{{item.errMsg}}' disabled="{{item.disabled}}" autosize border="{{ false }}" bind:input="inputChange" data-item="{{item}}">
             <slot wx:if="{{item.slot}}" name="{{item.slot}}" slot='button' />
         </van-field>
     </view>