|
|
@ -11,14 +11,14 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="position: absolute;top: 100px;width: 100%;"> |
|
|
<view style="position: absolute;top: 200rpx;width: 100%;"> |
|
|
<view class="tab1" v-if="isPaotui"> |
|
|
<view class="tab1" v-if="isPaotui"> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/f1356c4db9b5488bb46140e2cdd2b4ee.png" alt="" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/f1356c4db9b5488bb46140e2cdd2b4ee.png" alt="" |
|
|
style="position: absolute;" /> |
|
|
style="position: absolute;" /> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e380fd14442c476bb6d3f5ec471af515.png" alt="" /> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e380fd14442c476bb6d3f5ec471af515.png" alt="" /> |
|
|
<view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;"> |
|
|
<view style="width: 100%;height: 160rpx;position: absolute;top:0;left: 0;display: flex;"> |
|
|
<view style="width: 50%;height: 80px;"></view> |
|
|
<view style="width: 50%;height: 160rpx;"></view> |
|
|
<view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view> |
|
|
<view style="width: 50%;height: 160rpx;" @tap="isPaotui=!isPaotui"></view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="tab1" v-else> |
|
|
<view class="tab1" v-else> |
|
|
@ -26,9 +26,9 @@ |
|
|
style="position: absolute;" /> |
|
|
style="position: absolute;" /> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2cdff43ecdd4409a8bd1f5f46a6ad38d.png" alt="" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/2cdff43ecdd4409a8bd1f5f46a6ad38d.png" alt="" |
|
|
style="position: absolute;" /> |
|
|
style="position: absolute;" /> |
|
|
<view style="width: 100%;height: 80px;position: absolute;top:0;left: 0;display: flex;"> |
|
|
<view style="width: 100%;height: 160rpx;position: absolute;top:0;left: 0;display: flex;"> |
|
|
<view style="width: 50%;height: 80px;" @tap="isPaotui=!isPaotui"></view> |
|
|
<view style="width: 50%;height: 160rpx;" @tap="isPaotui=!isPaotui"></view> |
|
|
<view style="width: 50%;height: 80px;"></view> |
|
|
<view style="width: 50%;height: 160rpx;"></view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -63,19 +63,19 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="width: 100%;height: 10px;border-top: 1px solid #eee;matgin-top:10px"></view> |
|
|
<view style="width: 100%;height: 20rpx;border-top: 1px solid #eee;matgin-top:20rpx"></view> |
|
|
<view class="content-box" style="height: 60px;"> |
|
|
<view class="content-box" style="height: 120rpx;"> |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
取件数量<text>*</text> |
|
|
取件数量<text>*</text> |
|
|
</view> |
|
|
</view> |
|
|
<view |
|
|
<view |
|
|
style="display:flex;height: 40px;margin-top: 10px;line-height: 40px;border: 1px solid #777;background: #eee;border-radius: 10px;width: 40%;"> |
|
|
style="display:flex;height: 80rpx;margin-top: 20rpx;line-height: 80rpx;border: 1px solid #777;background: #eee;border-radius: 20rpx;width: 40%;"> |
|
|
<view @tap="addFormData.num > 0 ? addFormData.num-- : 0" |
|
|
<view @tap="addFormData.num > 0 ? addFormData.num-- : 0" |
|
|
style="width: 30%;font-size: 22px;font-weight: 700;text-align: center;">-</view> |
|
|
style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">-</view> |
|
|
<input type="number" v-model="addFormData.num" disabled |
|
|
<input type="number" v-model="addFormData.num" disabled |
|
|
style="line-height: 40px;height: 40px;flex: 1;font-size: 18px;font-weight: 700;text-align: center;"> |
|
|
style="line-height: 80rpx;height: 80rpx;flex: 1;font-size: 36rpx;font-weight: 700;text-align: center;"> |
|
|
<view @tap="addFormData.num++" |
|
|
<view @tap="addFormData.num++" |
|
|
style="width: 30%;font-size: 22px;font-weight: 700;text-align: center;">+</view> |
|
|
style="width: 30%;font-size: 44rpx;font-weight: 700;text-align: center;">+</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="content-box"> |
|
|
<view class="content-box"> |
|
|
@ -92,7 +92,7 @@ |
|
|
手机尾号 |
|
|
手机尾号 |
|
|
</view> |
|
|
</view> |
|
|
<view class="check-input" v-if="selected == 'phone'"> |
|
|
<view class="check-input" v-if="selected == 'phone'"> |
|
|
<input type="text" style="width: 100%;height: 100%;padding: 0 10px;border: 1px solid #eee;"> |
|
|
<input type="text" style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;"> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class=""> |
|
|
<view class=""> |
|
|
@ -106,9 +106,9 @@ |
|
|
<view class="check-input" v-if="selected == 'code'" v-for="(item,index) in addFormData.codeList" |
|
|
<view class="check-input" v-if="selected == 'code'" v-for="(item,index) in addFormData.codeList" |
|
|
:key="index" style="border: none;display: flex;"> |
|
|
:key="index" style="border: none;display: flex;"> |
|
|
<input type="text" v-model="item.code" |
|
|
<input type="text" v-model="item.code" |
|
|
style="width: 100%;height: 100%;padding: 0 10px;border: 1px solid #eee;"> |
|
|
style="width: 100%;height: 100%;padding: 0 20rpx;border: 1px solid #eee;"> |
|
|
<view @tap="delCode(index)" v-if="addFormData.codeList.length>1" |
|
|
<view @tap="delCode(index)" v-if="addFormData.codeList.length>1" |
|
|
style="width: 45px;height: 35px;line-height: 35px;text-align: center;"> |
|
|
style="width: 90rpx;height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
<uni-icons type="trash" size="18"></uni-icons> |
|
|
<uni-icons type="trash" size="18"></uni-icons> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -151,24 +151,24 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="content-box" style="line-height: 100px;"> |
|
|
<view class="content-box" style="line-height: 200rpx;"> |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
订单备注<text>*</text> |
|
|
订单备注<text>*</text> |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 100px;background: #eee;border-radius: 20px;padding: 10px;width: 70%;"> |
|
|
<view style="height: 200rpx;background: #eee;border-radius: 40rpx;padding: 20rpx;width: 70%;"> |
|
|
<textarea name="" id="" cols="30" rows="10" placeholder="请填写备注" |
|
|
<textarea name="" id="" cols="30" rows="10" placeholder="请填写备注" |
|
|
style="height: 80px;width: 100%;"></textarea> |
|
|
style="height: 160rpx;width: 100%;"></textarea> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="content-box"> |
|
|
<view class="content-box"> |
|
|
<view class="content-title"> |
|
|
<view class="content-title"> |
|
|
送达时间<text>*</text> |
|
|
送达时间<text>*</text> |
|
|
</view> |
|
|
</view> |
|
|
<view style="flex: 1;font-size: 14px;font-weight: 700;" @tap="checkTime"> |
|
|
<view style="flex: 1;font-size: 28rpx;font-weight: 700;" @tap="checkTime"> |
|
|
{{addFormData.deliveryTime}} <uni-icons type="right"></uni-icons> |
|
|
{{addFormData.deliveryTime}} <uni-icons type="right"></uni-icons> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="width: 100%;height: 120px;"></view> |
|
|
<view style="width: 100%;height: 240rpx;"></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="buy-bottom"> |
|
|
<view class="buy-bottom"> |
|
|
<view class="bottom-btn"> |
|
|
<view class="bottom-btn"> |
|
|
@ -391,7 +391,7 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-name { |
|
|
.title-name { |
|
|
padding-top: 55px; |
|
|
padding-top: 110rpx; |
|
|
font-size: 36rpx; |
|
|
font-size: 36rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
@ -400,7 +400,7 @@ |
|
|
|
|
|
|
|
|
.content { |
|
|
.content { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 180px; |
|
|
top: 360rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
overflow: scroll; |
|
|
overflow: scroll; |
|
|
height: 80%; |
|
|
height: 80%; |
|
|
@ -410,7 +410,7 @@ |
|
|
|
|
|
|
|
|
.tab1 { |
|
|
.tab1 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 80px; |
|
|
height: 160rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
@ -427,13 +427,13 @@ |
|
|
|
|
|
|
|
|
.dizhi { |
|
|
.dizhi { |
|
|
display: flex; |
|
|
display: flex; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dizhi-tu { |
|
|
.dizhi-tu { |
|
|
width: 25px; |
|
|
width: 50rpx; |
|
|
height: 25px; |
|
|
height: 50rpx; |
|
|
margin: 13px 10px 0 0; |
|
|
margin: 26rpx 20rpx 0 0; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
@ -444,11 +444,11 @@ |
|
|
.dizhi1 { |
|
|
.dizhi1 { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
background: #eee; |
|
|
background: #eee; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
height: 50px; |
|
|
height: 20rpx; |
|
|
line-height: 50px; |
|
|
line-height: 20rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
padding: 0 10px; |
|
|
padding: 0 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dizhi-ming { |
|
|
.dizhi-ming { |
|
|
@ -457,75 +457,75 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dizhi-btn { |
|
|
.dizhi-btn { |
|
|
width: 56px; |
|
|
width: 112rpx; |
|
|
height: 25px; |
|
|
height: 50rpx; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
line-height: 25px; |
|
|
line-height: 50rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
border: 1px solid #777; |
|
|
border: 1px solid #777; |
|
|
border-radius: 25px; |
|
|
border-radius: 50rpx; |
|
|
margin-top: 13px; |
|
|
margin-top: 26rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.content-box { |
|
|
.content-box { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
line-height: 60px; |
|
|
line-height: 120rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.content-title { |
|
|
.content-title { |
|
|
font-size: 14px; |
|
|
font-size: 28rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
margin-right: 20px; |
|
|
margin-right: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.radio-check { |
|
|
.radio-check { |
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
width: 24px; |
|
|
width: 48rpx; |
|
|
height: 24px; |
|
|
height: 48rpx; |
|
|
border-radius: 24px; |
|
|
border-radius: 48rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 24px; |
|
|
line-height: 48rpx; |
|
|
margin: 18px 10px 0 0; |
|
|
margin: 36rpx 20rpx 0 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.radio-no-check { |
|
|
.radio-no-check { |
|
|
width: 24px; |
|
|
width: 48rpx; |
|
|
height: 24px; |
|
|
height: 48rpx; |
|
|
border-radius: 24px; |
|
|
border-radius: 48rpx; |
|
|
border: 1px solid #eee; |
|
|
border: 1px solid #eee; |
|
|
margin: 18px 10px 0 0; |
|
|
margin: 36rpx 20rpx 0 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.check-input { |
|
|
.check-input { |
|
|
border: 1px solid rgba(0, 35, 28, 0.1); |
|
|
border: 1px solid rgba(0, 35, 28, 0.1); |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
height: 35px; |
|
|
height: 70rpx; |
|
|
width: 75%; |
|
|
width: 75%; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.check-add { |
|
|
.check-add { |
|
|
width: 80px; |
|
|
width: 160rpx; |
|
|
height: 25px; |
|
|
height: 50rpx; |
|
|
line-height: 25px; |
|
|
line-height: 50rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
background: rgba(166, 255, 234, 1); |
|
|
background: rgba(166, 255, 234, 1); |
|
|
margin-top: 10px; |
|
|
margin-top: 20rpx; |
|
|
border-radius: 5px; |
|
|
border-radius: 10rpx; |
|
|
font-size: 11px; |
|
|
font-size: 22rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.duoxuan { |
|
|
.duoxuan { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
height: 36px; |
|
|
height: 72rpx; |
|
|
background: #eee; |
|
|
background: #eee; |
|
|
line-height: 36px; |
|
|
line-height: 72rpx; |
|
|
border-radius: 5px; |
|
|
border-radius: 10rpx; |
|
|
padding: 0 10px; |
|
|
padding: 0 20rpx; |
|
|
color: #777; |
|
|
color: #777; |
|
|
margin-right: 10px; |
|
|
margin-right: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.buy-bottom { |
|
|
.buy-bottom { |
|
|
@ -537,25 +537,25 @@ |
|
|
display: flex; |
|
|
display: flex; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
z-index: 99; |
|
|
z-index: 99; |
|
|
box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.3); |
|
|
box-shadow: 0 -20rpx 30rpx rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bottom-btn { |
|
|
.bottom-btn { |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
height: 50px; |
|
|
height: 100rpx; |
|
|
background: linear-gradient(90deg, #e3ff96, #a6ffea); |
|
|
background: linear-gradient(90deg, #e3ff96, #a6ffea); |
|
|
font-size: 13px; |
|
|
font-size: 26rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
line-height: 50px; |
|
|
line-height: 100rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
border-radius: 50px; |
|
|
border-radius: 100rpx; |
|
|
margin: 10px auto; |
|
|
margin: 20rpx auto; |
|
|
} |
|
|
} |
|
|
.book-popup-content{ |
|
|
.book-popup-content{ |
|
|
position: relative; |
|
|
position: relative; |
|
|
height: 600px; |
|
|
height: 1200rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 10px; |
|
|
padding: 20rpx; |
|
|
overflow: scroll; |
|
|
overflow: scroll; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |