|
@@ -10,9 +10,12 @@
|
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
|
<slot name="{{item.slot}}" />
|
|
<slot name="{{item.slot}}" />
|
|
|
</view>
|
|
</view>
|
|
|
- <picker mode='selector' range="{{item.range}}" range-key='{{item.rangeKey}}' value="{{item.rangeIndex}}" disabled="{{item.disabled}}" data-item="{{item}}" data-index="{{index}}" bindchange="bindSelectorChange">
|
|
|
|
|
|
|
+ <picker mode='selector' range="{{item.range}}" range-key='{{item.rangeKey}}' value="{{item.rangeIndex}}"
|
|
|
|
|
+ disabled="{{item.disabled}}" data-item="{{item}}" data-index="{{index}}"
|
|
|
|
|
+ bindchange="bindSelectorChange">
|
|
|
<view class="content">
|
|
<view class="content">
|
|
|
- <text wx:if="{{item.value}}" style="color:{{item.disabled?'#C8C9CC':'#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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</picker>
|
|
</picker>
|
|
@@ -29,9 +32,11 @@
|
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
|
<slot name="{{item.slot}}" />
|
|
<slot name="{{item.slot}}" />
|
|
|
</view>
|
|
</view>
|
|
|
- <picker mode='date' value="{{item.value}}" disabled="{{item.disabled}}" 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">
|
|
<view class="content">
|
|
|
- <text wx:if="{{item.value}}" style="color:{{item.disabled?'#C8C9CC':'#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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</picker>
|
|
</picker>
|
|
@@ -49,13 +54,19 @@
|
|
|
<slot name="{{item.slot}}" />
|
|
<slot name="{{item.slot}}" />
|
|
|
</view>
|
|
</view>
|
|
|
<view class="content" style="display: flex;">
|
|
<view class="content" style="display: flex;">
|
|
|
- <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>
|
|
|
|
|
|
|
+ <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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder[0]}}</text>
|
|
|
</picker>
|
|
</picker>
|
|
|
<view style="margin: 0 20rpx;color: #000;">至</view>
|
|
<view style="margin: 0 20rpx;color: #000;">至</view>
|
|
|
- <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>
|
|
|
|
|
|
|
+ <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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder[1]}}</text>
|
|
|
</picker>
|
|
</picker>
|
|
|
</view>
|
|
</view>
|
|
@@ -72,9 +83,11 @@
|
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
|
<slot name="{{item.slot}}" />
|
|
<slot name="{{item.slot}}" />
|
|
|
</view>
|
|
</view>
|
|
|
- <picker mode='time' value="{{item.value}}" disabled="{{item.disabled}}" 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">
|
|
<view class="content">
|
|
|
- <text wx:if="{{item.value}}" style="color:{{item.disabled?'#C8C9CC':'#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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</picker>
|
|
</picker>
|
|
@@ -91,9 +104,11 @@
|
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
<view class="picker-slot" wx:if="{{item.slot}}">
|
|
|
<slot name="{{item.slot}}" />
|
|
<slot name="{{item.slot}}" />
|
|
|
</view>
|
|
</view>
|
|
|
- <picker mode='region' value="{{item.value}}" disabled="{{item.disabled}}" data-item="{{item}}" bindchange="bindRegionChange">
|
|
|
|
|
|
|
+ <picker mode='region' value="{{item.value}}" disabled="{{item.disabled}}" data-item="{{item}}"
|
|
|
|
|
+ bindchange="bindRegionChange">
|
|
|
<view class="content">
|
|
<view class="content">
|
|
|
- <text wx:if="{{item.value.length}}" style="color:{{item.disabled?'#C8C9CC':'#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>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
</picker>
|
|
</picker>
|
|
@@ -125,9 +140,12 @@
|
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view style="position: relative;">
|
|
<view style="position: relative;">
|
|
|
- <view class="content">
|
|
|
|
|
|
|
+ <view class="content" style="margin-bottom: -10rpx">
|
|
|
<van-radio-group value="{{ item.value }}" data-item="{{item}}" bind:change="radioChange">
|
|
<van-radio-group value="{{ item.value }}" data-item="{{item}}" bind:change="radioChange">
|
|
|
- <van-radio wx:for="{{item.radioList}}" wx:for-item="it" wx:for-index="i" wx:key="it.name" icon-size="16" custom-class="radio {{i != 0 ? 'radio_margin_top' : '' }}" name="{{it.id}}">{{it.name}}</van-radio>
|
|
|
|
|
|
|
+ <view style="display: flex; flex-wrap: wrap;">
|
|
|
|
|
+ <van-radio wx:for="{{item.radioList}}" wx:for-item="it" wx:for-index="i" wx:key="it.name"
|
|
|
|
|
+ icon-size="16" custom-class="radio" name="{{it.id}}">{{it.name}}</van-radio>
|
|
|
|
|
+ </view>
|
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
|
</view>
|
|
</view>
|
|
|
<view wx:if="{{item.errMsg}}" class="error-tips">{{item.errMsg}}</view>
|
|
<view wx:if="{{item.errMsg}}" class="error-tips">{{item.errMsg}}</view>
|
|
@@ -140,8 +158,10 @@
|
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view style="position: relative;">
|
|
<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:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
|
|
|
|
|
|
|
+ <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:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value}}</text>
|
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
<van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
|
|
<van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
|
|
|
</view>
|
|
</view>
|
|
@@ -155,8 +175,10 @@
|
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
<text class="text" style="color:{{item.disabled?'#C8C9CC':''}};">{{item.label}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view style="position: relative;">
|
|
<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:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value[0]}}</text>
|
|
|
|
|
|
|
+ <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:{{item.disabled?'#C8C9CC':'#000'}};">{{item.value[0]}}</text>
|
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
<text wx:else style="color: {{item.error?'#EE4C4E':''}};">{{item.placeholder}}</text>
|
|
|
<van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
|
|
<van-icon name="arrow" style="flex-shrink: 0; margin-top: 12rpx;" />
|
|
|
</view>
|
|
</view>
|
|
@@ -164,7 +186,10 @@
|
|
|
</view>
|
|
</view>
|
|
|
</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}}' disabled="{{item.disabled}}" 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' />
|
|
<slot wx:if="{{item.slot}}" name="{{item.slot}}" slot='button' />
|
|
|
</van-field>
|
|
</van-field>
|
|
|
</view>
|
|
</view>
|