|
|
@@ -1,77 +1,85 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <!-- <scroll-view scroll-y="true" style="max-height: 81vh;"> -->
|
|
|
<view>
|
|
|
- <image style="width: 100%;height:350rpx;" :src="form.url" mode="scaleToFill"></image>
|
|
|
- </view>
|
|
|
- <view class="time-crad">
|
|
|
- <view class="time-head">
|
|
|
- <view class="time-title">
|
|
|
- 活动时间
|
|
|
+ <view>
|
|
|
+ <image style="width: 100%;height:350rpx;" :src="form.url" mode="scaleToFill"></image>
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view>
|
|
|
+ {{form.activityName}}
|
|
|
</view>
|
|
|
- <view class="time-content">
|
|
|
- <view class="time-text">
|
|
|
- 开始
|
|
|
- <view class="time-text2" style="margin-right: 12rpx;">
|
|
|
- {{form.startDate?form.startDate.slice(0,10):''}}
|
|
|
- </view>
|
|
|
+ <view style="font-size: 28rpx;color: #959595;">
|
|
|
+ {{form.activityDescription}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="time-crad">
|
|
|
+ <view class="time-head">
|
|
|
+ <view class="time-title">
|
|
|
+ 活动时间
|
|
|
</view>
|
|
|
- <image style="width:50rpx;height:8rpx;" src="/static/images/tabBar/1258.png" mode="scaleToFill">
|
|
|
- </image>
|
|
|
- <view class="time-text" style="margin-left: 20rpx;">
|
|
|
- 结束
|
|
|
- <view class="time-text2">
|
|
|
- {{form.endDate?form.endDate.slice(0,10):''}}
|
|
|
+ <view class="time-content">
|
|
|
+ <view class="time-text">
|
|
|
+ 开始
|
|
|
+ <view class="time-text2" style="margin-right: 12rpx;">
|
|
|
+ {{form.startDate?form.startDate.slice(0,10):''}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image style="width:50rpx;height:8rpx;" src="/static/images/tabBar/1258.png" mode="scaleToFill">
|
|
|
+ </image>
|
|
|
+ <view class="time-text" style="margin-left: 20rpx;">
|
|
|
+ 结束
|
|
|
+ <view class="time-text2">
|
|
|
+ {{form.endDate?form.endDate.slice(0,10):''}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- </view>
|
|
|
- <view class="time-foot">
|
|
|
- <view class="time-text">
|
|
|
- 距离活动结束还剩
|
|
|
</view>
|
|
|
- <uni-countdown :font-size="32" :day="days" :hour="hours" :minute="minutes" :second="seconds"
|
|
|
- color="#FFFFFF" background-color="#E75F37" />
|
|
|
+ <view class="time-foot">
|
|
|
+ <view class="time-text">
|
|
|
+ 距离活动结束还剩
|
|
|
+ </view>
|
|
|
+ <uni-countdown :font-size="32" :day="days" :hour="hours" :minute="minutes" :second="seconds"
|
|
|
+ color="#FFFFFF" background-color="#E75F37" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-<!-- <scroll-view scroll-y="true" style="max-height: 28vh;">
|
|
|
-
|
|
|
- </scroll-view>-->
|
|
|
- <view style="padding-bottom: 290rpx;">
|
|
|
- <view class="card" v-for="(item,index) in form.activityItemsList" :key="index">
|
|
|
- <view style="margin-left: 20rpx;">
|
|
|
- <u-checkbox-group v-model="item.select" placement="column" @change="rowSelect($event,item)"
|
|
|
- :size='15'>
|
|
|
- <u-checkbox activeColor="#E75F37" shape="circle" :customStyle="{marginBottom: '8px'}" label="选择"
|
|
|
- :name="true" labelSize="28rpx" labelColor='#3B3B3B'></u-checkbox>
|
|
|
- </u-checkbox-group>
|
|
|
- </view>
|
|
|
- <view style="background: #FCF7F5;padding:40rpx 20rpx;border-radius: 10rpx;">
|
|
|
- <view style="display: flex;align-items: center;">
|
|
|
- <view style="width: 120rpx;height: 120rpx;">
|
|
|
- <image :src="item.url"
|
|
|
- style="width: 120rpx;height: 120rpx;border-radius: 20rpx;border: 2rpx solid #EEEEEE;">
|
|
|
- </image>
|
|
|
- </view>
|
|
|
- <view style="width: 100%;display: flex;margin-left: 8rpx;">
|
|
|
- <view>
|
|
|
- <u--text :text="item.cname" size="24rpx" color='#797979' lines="1"></u--text>
|
|
|
- <view style="color: #E75F37;font-size: 32rpx;">特价:￥{{item.priceOne}}</view>
|
|
|
- <view style="color: #797979;font-size: 24rpx;">原价:￥{{item.priceOnePrimary}}</view>
|
|
|
- </view>
|
|
|
- <view style="display: flex;justify-content: space-between;margin-top: 20rpx;">
|
|
|
+ <view style="padding-bottom: 290rpx;">
|
|
|
+ <view class="card" v-for="(item,index) in form.activityItemsList" :key="index">
|
|
|
+ <view style="margin-left: 20rpx;">
|
|
|
+ <u-checkbox-group v-model="item.select" placement="column" @change="rowSelect($event,item)"
|
|
|
+ :size='15'>
|
|
|
+ <u-checkbox activeColor="#E75F37" shape="circle" :customStyle="{marginBottom: '8px'}" label="选择"
|
|
|
+ :name="true" labelSize="28rpx" labelColor='#3B3B3B'></u-checkbox>
|
|
|
+ </u-checkbox-group>
|
|
|
+ </view>
|
|
|
+ <view style="background: #FCF7F5;padding:40rpx 20rpx;border-radius: 10rpx;">
|
|
|
+ <view style="display: flex;align-items: center;">
|
|
|
+ <view style="width: 120rpx;height: 120rpx;">
|
|
|
+ <image :src="item.url"
|
|
|
+ style="width: 120rpx;height: 120rpx;border-radius: 20rpx;border: 2rpx solid #EEEEEE;">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ <view style="width: 100%;display: flex;margin-left: 8rpx;">
|
|
|
+ <view>
|
|
|
+ <u--text :text="item.cname" size="24rpx" color='#797979' lines="1"></u--text>
|
|
|
+ <view style="color: #E75F37;font-size: 32rpx;">特价:￥{{item.priceOne}}</view>
|
|
|
+ <view style="color: #797979;font-size: 24rpx;">原价:￥{{item.priceOnePrimary}}</view>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;justify-content: space-between;margin-top: 20rpx;">
|
|
|
|
|
|
- <view>
|
|
|
- <u-number-box v-model="item.purchaseQuantity" :min="item.minQuantity"
|
|
|
- :max="item.maxQuantity" buttonSize="53rpx" color="#414141" bgColor="#FCF7F5"
|
|
|
- iconStyle="color:#A4A4A4" @change="rowNumber($event,item)"></u-number-box>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view>
|
|
|
+ <u-number-box v-model="item.purchaseQuantity" :min="item.minQuantity"
|
|
|
+ :max="item.maxQuantity" buttonSize="53rpx" color="#414141" bgColor="#FCF7F5"
|
|
|
+ iconStyle="color:#A4A4A4" @change="rowNumber($event,item)"></u-number-box>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="submitBar">
|
|
|
<view style="margin:20rpx 47rpx;">
|
|
|
<view
|
|
|
@@ -94,7 +102,9 @@
|
|
|
<view v-if='new Date().getTime()<new Date(form.startDate).getTime()' class="left-btn">
|
|
|
活动未开始
|
|
|
</view>
|
|
|
- <view v-else-if='new Date().getTime()>new Date(form.startDate).getTime()&&new Date().getTime()<new Date(form.endDate).getTime()' class="right-btn" @click.stop="immediatePayment('W06')">立即支付
|
|
|
+ <view
|
|
|
+ v-else-if='new Date().getTime()>new Date(form.startDate).getTime()&&new Date().getTime()<new Date(form.endDate).getTime()'
|
|
|
+ class="right-btn" @click.stop="immediatePayment('W06')">立即支付
|
|
|
</view>
|
|
|
<view v-else class="left-btn">
|
|
|
活动已结束
|
|
|
@@ -471,7 +481,7 @@
|
|
|
bottom: 0;
|
|
|
background-color: #fff;
|
|
|
width: 100%;
|
|
|
- height: 290rpx;
|
|
|
+ height: 290rpx;
|
|
|
z-index: 10;
|
|
|
|
|
|
::v-deep .u-checkbox__icon-wrap {
|
liyuan