root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11

master
tianyi 3 weeks ago
parent
7cba6a04bf
commit
f8486a8230
1 changed files with 83 additions and 83 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 166
      components/tab-bar/delivery.vue

166
components/tab-bar/delivery.vue
View File

@ -26,7 +26,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style="height: 25px;width: 95%;margin: -100px auto 0;display: flex;line-height: 25px;"> <view style="height: 50rpx;width: 95%;margin: -200rpx auto 0;display: flex;line-height: 50rpx;">
<view class="guize-box" @tap="openPopup()"> <view class="guize-box" @tap="openPopup()">
<uni-icons type="info" size="10"></uni-icons> <uni-icons type="info" size="10"></uni-icons>
设置规则 设置规则
@ -62,11 +62,11 @@
立即送达（10：30前） 立即送达（10：30前）
</view> </view>
<view class="" <view class=""
style="background: #f5f5f5;height: 40px;line-height: 40px;font-weight: 500;padding: 0 10px;border-radius: 10px;"> style="background: #f5f5f5;height: 80rpx;line-height: 80rpx;font-weight: 500;padding: 0 20rpx;border-radius: 20rpx;">
备注：不要葱，不要香菜 备注：不要葱，不要香菜
</view> </view>
<view class="" <view class=""
style="background: #f5f5f5;line-height: 40px;font-weight: 700;padding: 0 10px;border-radius: 10px;margin-top: 10px;color: #777;"> style="background: #f5f5f5;line-height: 80rpx;font-weight: 700;padding: 0 20rpx;border-radius: 20rpx;margin-top: 20rpx;color: #777;">
<view style="display: flex;"> <view style="display: flex;">
<view style="flex:1"> <view style="flex:1">
取件方式（3件） 取件方式（3件）
@ -82,8 +82,8 @@
</view> </view>
</view> </view>
<view style="display: flex;padding: 10px 0;"> <view style="display: flex;padding: 20rpx 0;">
<img @tap="largeImg" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png" alt="" style="width: 45px;height: 53px;background-size: 100%;margin-right:10px;"/> <img @tap="largeImg" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png" alt="" style="width: 90rpx;height: 106rpx;background-size: 100%;margin-right:20rpx;"/>
</view> </view>
<!-- <view style="display: flex;padding: 10px 0;"> <!-- <view style="display: flex;padding: 10px 0;">
<view class="code-box" style="margin-right:10px;"> <view class="code-box" style="margin-right:10px;">
@ -96,7 +96,7 @@
</view> </view>
</view> --> </view> -->
</view> </view>
<view style="display: flex;border-radius: 20rpx;margin-top: 16px;"> <view style="display: flex;border-radius: 20rpx;margin-top: 32rpx;">
<view class="goods-content"> <view class="goods-content">
<view class="goods-name" style="font-size: 24rpx;line-height: 50rpx;display: flex;"> <view class="goods-name" style="font-size: 24rpx;line-height: 50rpx;display: flex;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png"
@ -112,7 +112,7 @@
<view class="right"> <view class="right">
<img @tap="makeCall(shopItem.contactPhone)" <img @tap="makeCall(shopItem.contactPhone)"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 30px;height: 30px;" /> alt="" style="width: 60rpx;height: 60rpx;" />
</view> </view>
</view> </view>
<view class="goods-name" <view class="goods-name"
@ -130,12 +130,12 @@
<view class="right"> <view class="right">
<img @tap="makeCall(shopItem.contactPhone)" <img @tap="makeCall(shopItem.contactPhone)"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 30px;height: 30px;" /> alt="" style="width: 60rpx;height: 60rpx;" />
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="display: flex;border-radius: 20rpx;margin-top: 5px;"> <view style="display: flex;border-radius: 20rpx;margin-top: 10rpx;">
<view class="goods-content"> <view class="goods-content">
<view class="goods-name" style="font-size: 24rpx;line-height: 50rpx;display: flex;"> <view class="goods-name" style="font-size: 24rpx;line-height: 50rpx;display: flex;">
<img src="" alt="" style="width: 50rpx;height: 50rpx;" /> <img src="" alt="" style="width: 50rpx;height: 50rpx;" />
@ -147,22 +147,22 @@
</view> </view>
</view> </view>
<view style="flex: 1;text-align: right;"> <view style="flex: 1;text-align: right;">
￥5.00 <text style="color: #777;font-size: 10px;">（包含￥2平台佣金）</text> ￥5.00 <text style="color: #777;font-size: 20rpx;">（包含￥2平台佣金）</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="width: 100%;height: 50px;margin-top: 16px;"> <view style="width: 100%;height: 100rpx;margin-top: 32rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/c318cf292a4f40b296995c30e5e539ea.png" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/c318cf292a4f40b296995c30e5e539ea.png"
alt="" style="width: 100%;height: 50px;background-size: 100%;" /> alt="" style="width: 100%;height: 100rpx;background-size: 100%;" />
</view> </view>
</view> </view>
<!-- 设置指派单规则弹窗 --> <!-- 设置指派单规则弹窗 -->
<uni-popup ref="carPopup" background-color="#fff" style="height: 800px !important;"> <uni-popup ref="carPopup" background-color="#fff" style="height: 1600rpx !important;">
<view class="guize-list"> <view class="guize-list">
<view style="height: 40px;line-height: 40px;font-size: 18px;font-weight: 700;text-align: center;"> <view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;text-align: center;">
设置指派单规则 设置指派单规则
</view> </view>
<view class="zhipai-box"> <view class="zhipai-box">
@ -172,14 +172,14 @@
style="transform: scale(0.7);text-align: right;" /> style="transform: scale(0.7);text-align: right;" />
</view> </view>
</view> </view>
<view style="height: 25px;line-height: 25px;font-weight: 700;display: flex;"> <view style="height: 50rpx;line-height: 50rpx;font-weight: 700;display: flex;">
外卖规则 外卖规则
<view @tap="allCheck('waimai')" v-if="zhipaiCheck" style="color: #1E90FF;flex:1;text-align: right;padding-right: 10px;"> <view @tap="allCheck('waimai')" v-if="zhipaiCheck" style="color: #1E90FF;flex:1;text-align: right;padding-right: 20rpx;">
全选 全选
</view> </view>
</view> </view>
<view class="guize1" v-for="(item, index) in waimaRuleList" :key="index" <view class="guize1" v-for="(item, index) in waimaRuleList" :key="index"
style="flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #ddd;position: relative;"> style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;position: relative;">
<view v-if="!zhipaiCheck" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);"></view> <view v-if="!zhipaiCheck" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);"></view>
<view style="display: flex; width: 100%;" @tap="checkVoucher(index,'waimai')"> <view style="display: flex; width: 100%;" @tap="checkVoucher(index,'waimai')">
@ -207,14 +207,14 @@
style="margin-left:5px;"></uni-icons> --> style="margin-left:5px;"></uni-icons> -->
</view> </view>
</view> </view>
<view style="height: 25px;line-height: 25px;font-weight: 700;display: flex;"> <view style="height: 50rpx;line-height: 50rpx;font-weight: 700;display: flex;">
跑腿规则 跑腿规则
<view @tap="allCheck('paotui')" v-if="zhipaiCheck" style="color: #1E90FF;flex:1;text-align: right;padding-right: 10px;"> <view @tap="allCheck('paotui')" v-if="zhipaiCheck" style="color: #1E90FF;flex:1;text-align: right;padding-right: 20rpx;">
全选 全选
</view> </view>
</view> </view>
<view class="guize1" v-for="(item, index) in paotuiRuleList" :key="index" <view class="guize1" v-for="(item, index) in paotuiRuleList" :key="index"
style="flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #ddd;position: relative;"> style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;position: relative;">
<view v-if="!zhipaiCheck" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);"></view> <view v-if="!zhipaiCheck" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);"></view>
<view style="display: flex; width: 100%;" @tap="checkVoucher(index,'paotui')"> <view style="display: flex; width: 100%;" @tap="checkVoucher(index,'paotui')">
@ -253,7 +253,7 @@
<img :src="bigImg" alt="" style="width: 100%;height: 100%;"> <img :src="bigImg" alt="" style="width: 100%;height: 100%;">
</view> </view>
</uni-popup> </uni-popup>
<view style="width: 100%;height: 80px;"></view> <view style="width: 100%;height: 160rpx;"></view>
<uni-load-more :status="loadStatus" /> <uni-load-more :status="loadStatus" />
</view> </view>
</view> </view>
@ -514,7 +514,7 @@
.title { .title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
width: 100%; width: 100%;
height: 190px; height: 380rpx;
} }
.title-sreach { .title-sreach {
@ -549,7 +549,7 @@
width: 95%; width: 95%;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
margin: 10px auto 0; margin: 20rpx auto 0;
} }
.box1 { .box1 {
@ -585,24 +585,24 @@
} }
.right { .right {
width: 30px; width: 60rpx;
padding-top: 10px; padding-top: 20rpx;
} }
.guize-list { .guize-list {
width: 300px; width: 600rpx;
padding: 10px; padding: 20rpx;
overflow: scroll; overflow: scroll;
background: #fff; background: #fff;
border-radius: 10px; border-radius: 20rpx;
max-height: 500px; max-height: 1000rpx;
} }
.zhipai-box { .zhipai-box {
display: flex; display: flex;
height: 50px; height: 100rpx;
line-height: 50px; line-height: 100rpx;
font-size: 16px; font-size: 32rpx;
font-weight: 700; font-weight: 700;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -613,24 +613,24 @@
} }
.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: 8px 10px 0 0; margin: 16rpx 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: 8px 10px 0 0; margin: 16rpx 20rpx 0 0;
} }
.guize1-qusong { .guize1-qusong {
display: flex; display: flex;
flex: 1; flex: 1;
padding-top: 10px; padding-top: 20rpx;
} }
.guize1 { .guize1 {
@ -638,56 +638,56 @@
} }
.qusong1 { .qusong1 {
width: 20px; width: 40rpx;
height: 20px; height: 40rpx;
background: rgba(0, 35, 28, 1); background: rgba(0, 35, 28, 1);
color: #fff; color: #fff;
border-radius: 20px; border-radius: 40rpx;
text-align: center; text-align: center;
line-height: 20px; line-height: 40rpx;
font-size: 10px; font-size: 20rpx;
z-index: 80; z-index: 80;
} }
.qusong2 { .qusong2 {
height: 20px; height: 40rpx;
font-size: 12px; font-size: 24rpx;
line-height: 19px; line-height: 38rpx;
text-align: center; text-align: center;
background: rgba(166, 255, 234, 0.5); background: rgba(166, 255, 234, 0.5);
padding: 0 10px; padding: 0 20rpx;
margin-left: -5px; margin-left: -10rpx;
font-weight: 700; font-weight: 700;
border-top-right-radius: 20px; border-top-right-radius: 40rpx;
border-bottom-right-radius: 20px; border-bottom-right-radius: 40rpx;
} }
.qusong3 { .qusong3 {
width: 95px; width: 190rpx;
height: 35px; height: 70rpx;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 10rpx;
padding: 5px 10px; padding: 10rpx 20rpx;
flex: 1; flex: 1;
} }
.btn { .btn {
width: 95%; width: 95%;
height: 50px; height: 100rpx;
font-size: 16px; font-size: 32rpx;
font-weight: 700; font-weight: 700;
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));
border-radius: 50px; border-radius: 100rpx;
line-height: 50px; line-height: 100rpx;
text-align: center; text-align: center;
margin: 20px auto; margin: 40rpx auto;
} }
.code-box{ .code-box{
display: inline-block; display: inline-block;
height: 26px; height: 32rpx;
line-height: 26px; line-height: 32rpx;
background: rgba(166, 255, 234, 0.4); background: rgba(166, 255, 234, 0.4);
padding: 0 10px; padding: 0 20rpx;
border-radius: 5px; border-radius: 10rpx;
color: #000; color: #000;
border: 1px solid rgba(2, 251, 221, 1); border: 1px solid rgba(2, 251, 221, 1);
} }
@ -696,38 +696,38 @@
height: 500rpx; height: 500rpx;
} }
.chaoda{ .chaoda{
height: 15px; height: 30rpx;
line-height: 15px; line-height: 30rpx;
margin: 5px 0 0 10px; margin: 10rpx 0 0 20rpx;
padding: 0 5px; padding: 0 10rpx;
background: rgba(255, 117, 88, 1); background: rgba(255, 117, 88, 1);
color: #fff; color: #fff;
border-radius: 5px; border-radius: 10rpx;
} }
.shangxian-btn{ .shangxian-btn{
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/7620b3eed7b14bb69d3c456ed0be72b3.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/7620b3eed7b14bb69d3c456ed0be72b3.png') no-repeat;
padding-left: 8px; padding-left: 16rpx;
} }
.lixian-btn{ .lixian-btn{
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/462cacb9682f4919a3e750700bbc5f3e.png') no-repeat; background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/462cacb9682f4919a3e750700bbc5f3e.png') no-repeat;
text-align: right; text-align: right;
padding-right: 8px; padding-right: 16rpx;
} }
.shangxia-btn{ .shangxia-btn{
width: 66px; width: 132rpx;
height: 25px; height: 50rpx;
background-size: 100%; background-size: 100%;
font-size: 10px; font-size: 20rpx;
font-weight: 700; font-weight: 700;
} }
.guize-box{ .guize-box{
font-size: 10px; font-size: 20rpx;
font-weight: 700; font-weight: 700;
background: rgba(166, 255, 234, 1); background: rgba(166, 255, 234, 1);
width: 70px; width: 140rpx;
height: 25px; height: 50rpx;
border-radius: 25px; border-radius: 50rpx;
margin-right: 10px; margin-right: 20rpx;
padding-left: 5px; padding-left: 10rpx;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save