|
|
|
@ -16,7 +16,22 @@ |
|
|
|
</picker> |
|
|
|
<view class="st-tip">{{curTypeInfo.rule_text || '-'}}</view> |
|
|
|
</view> |
|
|
|
<picker mode="date" @change="timeSlotChange"> |
|
|
|
<view class="sh-date"> |
|
|
|
<picker> |
|
|
|
<view class="sd-box"> |
|
|
|
<text>2020年5月16日</text> |
|
|
|
<view></view> |
|
|
|
</view> |
|
|
|
</picker> |
|
|
|
<text>至</text> |
|
|
|
<picker> |
|
|
|
<view class="sd-box"> |
|
|
|
<text>2020年5月16日</text> |
|
|
|
<view></view> |
|
|
|
</view> |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
<picker mode="date" @change="timeSlotChange" v-if="false"> |
|
|
|
<view class="sh-time" v-if="dateList.length>1"> |
|
|
|
<text>{{dateList[0].ZhDateStr || '-'}} — {{dateList[dateList.length-1].ZhDateStr || '-'}}</text> |
|
|
|
<image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image> |
|
|
|
@ -365,14 +380,20 @@ export default { |
|
|
|
vertical-align: middle; |
|
|
|
width: 24upx; |
|
|
|
height: 24upx; |
|
|
|
transform: rotateZ(-90deg); |
|
|
|
} |
|
|
|
} |
|
|
|
.sh-type{ |
|
|
|
padding: 20upx 0; |
|
|
|
@include centerFlex(space-between); |
|
|
|
picker{ |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
.st-type{ |
|
|
|
|
|
|
|
margin-right: 20upx; |
|
|
|
line-height: 50upx; |
|
|
|
font-size: 36upx; |
|
|
|
font-size: 32upx; |
|
|
|
font-weight: 500; |
|
|
|
color: #333; |
|
|
|
>image{ |
|
|
|
@ -383,8 +404,6 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.st-tip{ |
|
|
|
flex-shrink: 0; |
|
|
|
max-width: 50%; |
|
|
|
font-size: 24upx; |
|
|
|
line-height: 34upx; |
|
|
|
color: #9b9b9b; |
|
|
|
@ -396,6 +415,37 @@ export default { |
|
|
|
>picker{ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.sh-date{ |
|
|
|
padding: 16upx 0; |
|
|
|
border-top: 1px solid #D8D8D8; |
|
|
|
border-bottom: 1px solid #D8D8D8; |
|
|
|
@include centerFlex(center); |
|
|
|
>text{ |
|
|
|
margin: 0 30upx; |
|
|
|
font-size: 28upx; |
|
|
|
color: #9A9A9D; |
|
|
|
} |
|
|
|
.sd-box{ |
|
|
|
height: 44upx; |
|
|
|
width: 260upx; |
|
|
|
border-radius: 6upx; |
|
|
|
background-color: #F2F2F7; |
|
|
|
@include centerFlex(center); |
|
|
|
>text{ |
|
|
|
font-size: 28upx; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
>view{ |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 6upx; |
|
|
|
width: 0; |
|
|
|
height: 0; |
|
|
|
border-top: 8upx solid #333; |
|
|
|
border-left: 8upx solid transparent; |
|
|
|
border-right: 8upx solid transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.sh-time{ |
|
|
|
height: 86upx; |
|
|
|
line-height: 82upx; |
|
|
|
@ -412,6 +462,7 @@ export default { |
|
|
|
transform: rotateZ(90deg); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.sm-times{ |
|
|
|
height: 120upx; |
|
|
|
|
