服务器提交

public/weapp/pages_promotion/components/yuyue-date/yuyue-date.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "uni-datetime-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker"
+  }
+}

public/weapp/pages_promotion/components/yuyue-date/yuyue-date.wxml

@@ -0,0 +1 @@
+<view class="data-v-055c6740"><view class="content data-v-055c6740"><view class="container data-v-055c6740"><view class="date-list-wrap data-v-055c6740"><scroll-view scroll-x="{{true}}" class="data-v-055c6740"><block wx:for="{{dateArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-055c6740"><view data-event-opts="{{[['tap',[['selectDateEvent',[index,'$0'],[[['dateArr','',index]]]]]]]}}" class="flex-box _div data-v-055c6740" bindtap="__e"><view class="date-box data-v-055c6740" style="{{'color:'+(index==dateActive?selectedTabColor:'#909399')+';'}}"><text class="data-v-055c6740">{{item.week+" "+item.date}}</text></view></view></block></block></scroll-view><view class="appointed-day _div data-v-055c6740"><uni-datetime-picker vue-id="1d970b9b-1" type="date" start="{{pickerStartDay}}" end="{{pickerEndDay}}" data-event-opts="{{[['^change',[['change']]]]}}" bind:change="__e" class="data-v-055c6740" bind:__l="__l" vue-slots="{{['default']}}"><text class="day-box data-v-055c6740">指定日期</text><text class="iconfont iconyoujiantou data-v-055c6740"></text></uni-datetime-picker></view></view><block wx:if="{{!isSection}}"><view class="time-box data-v-055c6740"><block wx:for="{{timeArr}}" wx:for-item="item" wx:for-index="_index" wx:key="_index"><block class="data-v-055c6740"><view class="item data-v-055c6740"><view data-event-opts="{{[['tap',[['selectTimeEvent',[_index,'$0'],[[['timeArr','',_index]]]]]]]}}" class="{{['item-box','diy','data-v-055c6740',(item.disable)?'disable':'',(isMultiple?item.isActive:_index==timeActive)?'active':'']}}" bindtap="__e"><text class="data-v-055c6740">{{item.time}}</text></view></view></block></block></view></block><block wx:else><view class="time-box data-v-055c6740"><block wx:for="{{timeArr}}" wx:for-item="item" wx:for-index="_index" wx:key="_index"><block class="data-v-055c6740"><view class="item data-v-055c6740"><view data-event-opts="{{[['tap',[['handleSelectQuantum',[_index,'$0'],[[['timeArr','',_index]]]]]]]}}" class="{{['item-box','data-v-055c6740',(item.disable||item.isInclude)?'disable':'',(item.time==timeQuanBegin||item.time==timeQuanEnd)?'active':'']}}" bindtap="__e"><text class="data-v-055c6740">{{item.time}}</text><text class="all data-v-055c6740">{{item.disable?disableText:undisableText}}</text></view></view></block></block></view></block></view></view></view>

public/weapp/pages_promotion/components/yuyue-date/yuyue-date.wxss

@@ -0,0 +1,4 @@
+.content.data-v-055c6740{text-align:center;height:100%}.content .head.data-v-055c6740{position:relative;font-weight:700;padding:32rpx 0 24rpx;font-size:32rpx}.content .head .iconfont.data-v-055c6740{position:absolute;right:20rpx}.content .container view.data-v-055c6740,
+.content .container text.data-v-055c6740,
+.content .container image.data-v-055c6740{box-sizing:border-box}.content .container .date-list-wrap.data-v-055c6740{display:flex;align-items:center;border-bottom:2rpx solid #e6e6e6}.content .container .date-list-wrap scroll-view.data-v-055c6740{width:80%;white-space:nowrap;height:100rpx;line-height:100rpx;background-color:#fff;position:relative}.content .container .date-list-wrap scroll-view .flex-box.data-v-055c6740{display:inline-block;width:25%}.content .container .date-list-wrap scroll-view .flex-box.active .date-box.data-v-055c6740{border:none}.content .container .date-list-wrap scroll-view .flex-box.active .date-box .days.data-v-055c6740{font-weight:700;color:#818181}.content .container .date-list-wrap scroll-view .flex-box.active .date-box .date.data-v-055c6740{font-weight:700;color:#818181}.content .container .date-list-wrap scroll-view .flex-box .date-box.data-v-055c6740{color:#909399}.content .container .date-list-wrap scroll-view .flex-box .date-box text.data-v-055c6740{font-size:24rpx}.content .container .date-list-wrap .appointed-day.data-v-055c6740{flex:1;border-left:2rpx solid #e6e6e6}.content .container .date-list-wrap .appointed-day .day-box.data-v-055c6740,
+.content .container .date-list-wrap .appointed-day .iconfont.data-v-055c6740{font-size:24rpx;color:#909399}.content .container .date-list-wrap .appointed-day .iconfont.data-v-055c6740{margin-left:4rpx}.content .container .time-box.data-v-055c6740{padding:0 12rpx;display:flex;flex-wrap:wrap;overflow:scroll;background-color:#fff;height:auto}.content .container .time-box .item.data-v-055c6740{width:25%;padding:0 8rpx;margin-top:30rpx}.content .container .time-box .item-box.data-v-055c6740{width:100%;height:140rpx;padding:0 40rpx;background:#fff;color:#333;border:2rpx solid #eee;font-size:28rpx;border-radius:10rpx;display:flex;flex-direction:column;align-items:center;justify-content:center}.content .container .time-box .item-box.disable.data-v-055c6740{background:#f1f3f6!important;color:#999!important}.content .container .time-box .item-box.active.data-v-055c6740{background:var(--base-color);color:#fff;border:2rpx solid var(--base-color);font-weight:700}.content .container .time-box .item-box .all.data-v-055c6740{font-size:24rpx;padding-top:10rpx}.content .container .time-box .item-box.diy.data-v-055c6740{height:60rpx;border-radius:40rpx}.content .container .time-box .item-box.diy .all.data-v-055c6740{display:none}.content .bottom.data-v-055c6740{display:flex;flex-direction:row;position:fixed;align-items:center;bottom:0;top:auto;left:0;width:100%;background-color:#fff;box-shadow:0 -2rpx 20rpx #bcbcbc}.content .bottom .show-time.data-v-055c6740{width:66%;height:100rpx;line-height:100rpx;font-size:28rpx;text-align:left;margin-left:40rpx}.content .bottom .submit-btn.data-v-055c6740{width:25%;height:70rpx;line-height:70rpx;font-size:28rpx}.yuyue-date-desc.data-v-055c6740{padding-top:2rpx;padding-bottom:4rpx;font-size:24rpx;color:#606266;text-align:center}