From f8486a8230942be572e7c1ba88aead59c0be75e6 Mon Sep 17 00:00:00 2001
From: tianyi <13521030702@163.com>
Date: Mon, 30 Mar 2026 11:56:22 +0800
Subject: [PATCH] 11
---
components/tab-bar/delivery.vue | 166 ++++++++++++++++----------------
1 file changed, 83 insertions(+), 83 deletions(-)
diff --git a/components/tab-bar/delivery.vue b/components/tab-bar/delivery.vue
index 97da922..2ab7596 100644
--- a/components/tab-bar/delivery.vue
+++ b/components/tab-bar/delivery.vue
@@ -26,7 +26,7 @@
-
+
设置规则
@@ -62,11 +62,11 @@
立即送达（10：30前）
+ style="background: #f5f5f5;height: 80rpx;line-height: 80rpx;font-weight: 500;padding: 0 20rpx;border-radius: 20rpx;">
备注：不要葱，不要香菜
+ style="background: #f5f5f5;line-height: 80rpx;font-weight: 700;padding: 0 20rpx;border-radius: 20rpx;margin-top: 20rpx;color: #777;">
取件方式（3件）
@@ -82,8 +82,8 @@
-
- 
+
+
-
+
+ alt="" style="width: 60rpx;height: 60rpx;" />
+ alt="" style="width: 60rpx;height: 60rpx;" />
-
+
![]()
@@ -147,22 +147,22 @@
- ￥5.00 （包含￥2平台佣金）
+ ￥5.00 （包含￥2平台佣金）
-
+
+ alt="" style="width: 100%;height: 100rpx;background-size: 100%;" />
-
+
-
+
设置指派单规则
@@ -172,14 +172,14 @@
style="transform: scale(0.7);text-align: right;" />
-
+
外卖规则
-
+
全选
+ style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;position: relative;">
@@ -207,14 +207,14 @@
style="margin-left:5px;"> -->
-
+
跑腿规则
-
+
全选
+ style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;position: relative;">
@@ -253,7 +253,7 @@
![]()
-
+
@@ -514,7 +514,7 @@
.title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
width: 100%;
- height: 190px;
+ height: 380rpx;
}
.title-sreach {
@@ -549,7 +549,7 @@
width: 95%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
- margin: 10px auto 0;
+ margin: 20rpx auto 0;
}
.box1 {
@@ -585,24 +585,24 @@
}
.right {
- width: 30px;
- padding-top: 10px;
+ width: 60rpx;
+ padding-top: 20rpx;
}
.guize-list {
- width: 300px;
- padding: 10px;
+ width: 600rpx;
+ padding: 20rpx;
overflow: scroll;
background: #fff;
- border-radius: 10px;
- max-height: 500px;
+ border-radius: 20rpx;
+ max-height: 1000rpx;
}
.zhipai-box {
display: flex;
- height: 50px;
- line-height: 50px;
- font-size: 16px;
+ height: 100rpx;
+ line-height: 100rpx;
+ font-size: 32rpx;
font-weight: 700;
border-bottom: 1px solid #eee;
}
@@ -613,24 +613,24 @@
}
.radio-check {
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
- width: 24px;
- height: 24px;
- border-radius: 24px;
+ width: 48rpx;
+ height: 48rpx;
+ border-radius: 48rpx;
text-align: center;
- line-height: 24px;
- margin: 8px 10px 0 0;
+ line-height: 48rpx;
+ margin: 16rpx 20rpx 0 0;
}
.radio-no-check {
- width: 24px;
- height: 24px;
- border-radius: 24px;
+ width: 48rpx;
+ height: 48rpx;
+ border-radius: 48rpx;
border: 1px solid #eee;
- margin: 8px 10px 0 0;
+ margin: 16rpx 20rpx 0 0;
}
.guize1-qusong {
display: flex;
flex: 1;
- padding-top: 10px;
+ padding-top: 20rpx;
}
.guize1 {
@@ -638,56 +638,56 @@
}
.qusong1 {
- width: 20px;
- height: 20px;
+ width: 40rpx;
+ height: 40rpx;
background: rgba(0, 35, 28, 1);
color: #fff;
- border-radius: 20px;
+ border-radius: 40rpx;
text-align: center;
- line-height: 20px;
- font-size: 10px;
+ line-height: 40rpx;
+ font-size: 20rpx;
z-index: 80;
}
.qusong2 {
- height: 20px;
- font-size: 12px;
- line-height: 19px;
+ height: 40rpx;
+ font-size: 24rpx;
+ line-height: 38rpx;
text-align: center;
background: rgba(166, 255, 234, 0.5);
- padding: 0 10px;
- margin-left: -5px;
+ padding: 0 20rpx;
+ margin-left: -10rpx;
font-weight: 700;
- border-top-right-radius: 20px;
- border-bottom-right-radius: 20px;
+ border-top-right-radius: 40rpx;
+ border-bottom-right-radius: 40rpx;
}
.qusong3 {
- width: 95px;
- height: 35px;
+ width: 190rpx;
+ height: 70rpx;
background: #fff;
- border-radius: 5px;
- padding: 5px 10px;
+ border-radius: 10rpx;
+ padding: 10rpx 20rpx;
flex: 1;
}
.btn {
width: 95%;
- height: 50px;
- font-size: 16px;
+ height: 100rpx;
+ font-size: 32rpx;
font-weight: 700;
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
- border-radius: 50px;
- line-height: 50px;
+ border-radius: 100rpx;
+ line-height: 100rpx;
text-align: center;
- margin: 20px auto;
+ margin: 40rpx auto;
}
.code-box{
display: inline-block;
- height: 26px;
- line-height: 26px;
+ height: 32rpx;
+ line-height: 32rpx;
background: rgba(166, 255, 234, 0.4);
- padding: 0 10px;
- border-radius: 5px;
+ padding: 0 20rpx;
+ border-radius: 10rpx;
color: #000;
border: 1px solid rgba(2, 251, 221, 1);
}
@@ -696,38 +696,38 @@
height: 500rpx;
}
.chaoda{
- height: 15px;
- line-height: 15px;
- margin: 5px 0 0 10px;
- padding: 0 5px;
+ height: 30rpx;
+ line-height: 30rpx;
+ margin: 10rpx 0 0 20rpx;
+ padding: 0 10rpx;
background: rgba(255, 117, 88, 1);
color: #fff;
- border-radius: 5px;
+ border-radius: 10rpx;
}
.shangxian-btn{
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/7620b3eed7b14bb69d3c456ed0be72b3.png') no-repeat;
- padding-left: 8px;
+ padding-left: 16rpx;
}
.lixian-btn{
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/462cacb9682f4919a3e750700bbc5f3e.png') no-repeat;
text-align: right;
- padding-right: 8px;
+ padding-right: 16rpx;
}
.shangxia-btn{
- width: 66px;
- height: 25px;
+ width: 132rpx;
+ height: 50rpx;
background-size: 100%;
- font-size: 10px;
+ font-size: 20rpx;
font-weight: 700;
}
.guize-box{
- font-size: 10px;
+ font-size: 20rpx;
font-weight: 700;
background: rgba(166, 255, 234, 1);
- width: 70px;
- height: 25px;
- border-radius: 25px;
- margin-right: 10px;
- padding-left: 5px;
+ width: 140rpx;
+ height: 50rpx;
+ border-radius: 50rpx;
+ margin-right: 20rpx;
+ padding-left: 10rpx;
}
\ No newline at end of file