tianyi 3 weeks ago
parent
commit
e5f40f5f0e
  1. 22
      package1/myCenter/shopBill.vue
  2. 24
      package1/myCenter/shopOrderList.vue
  3. 142
      package1/runErrand/runErrand.vue

22
package1/myCenter/shopBill.vue

@ -10,7 +10,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style="margin: -60px auto 0;"> <view style="margin: -120rpx auto 0;">
<view class=""> <view class="">
<view class="content11"> <view class="content11">
2026 2026
@ -148,7 +148,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;
@ -162,23 +162,23 @@
padding: 20rpx; padding: 20rpx;
} }
.content11{ .content11{
height: 35px; height: 70rpx;
line-height: 35px; line-height: 70rpx;
padding-left: 20px; padding-left: 40rpx;
font-size: 14px; font-size: 28rpx;
font-weight: 700; font-weight: 700;
} }
.content22{ .content22{
display: flex; display: flex;
height: 30px; height: 60rpx;
line-height: 22px; line-height: 44rpx;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
font-size: 13px; font-size: 26rpx;
font-weight: 600; font-weight: 600;
} }
.content33{ .content33{
height: 25px; height: 50rpx;
line-height: 25px; line-height: 50rpx;
display: flex; display: flex;
} }
.content44{ .content44{

24
package1/myCenter/shopOrderList.vue

@ -22,26 +22,26 @@
</scroll-view> </scroll-view>
</view> </view>
<view class="box1" @tap="goDetail"> <view class="box1" @tap="goDetail">
<view style="display: flex;height: 25px;border-bottom: 1px solid #eee;"> <view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;">
<view> <view>
#0001 #0001
</view> </view>
<view style="flex: 1;display: flex;padding-left: 10px;"> <view style="flex: 1;display: flex;padding-left: 20rpx;">
2026-02-28 16:08 <text>已退款</text> 2026-02-28 16:08 <text>已退款</text>
</view> </view>
<view> <view>
已关闭 已关闭
</view> </view>
</view> </view>
<view style="height: 60px;padding-top: 10px;"> <view style="height: 120rpx;padding-top: 20rpx;">
<view style="height: 25px;line-height: 25px;font-size: 14px;font-weight: 700;"> <view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;font-weight: 700;">
商品 <text><text>1</text></text> 商品 <text><text>1</text></text>
</view> </view>
<view style="display: flex;"> <view style="display: flex;">
<view style="flex: 1;"> <view style="flex: 1;">
鱼香肉丝 鱼香肉丝
</view> </view>
<view style="width: 50px;"> <view style="width: 100rpx;">
X1 X1
</view> </view>
<view> <view>
@ -51,26 +51,26 @@
</view> </view>
</view> </view>
<view class="box1" @tap="goDetail"> <view class="box1" @tap="goDetail">
<view style="display: flex;height: 25px;border-bottom: 1px solid #eee;"> <view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;">
<view> <view>
#0001 #0001
</view> </view>
<view style="flex: 1;display: flex;padding-left: 10px;"> <view style="flex: 1;display: flex;padding-left: 20rpx;">
2026-02-28 16:08 <text>已退款</text> 2026-02-28 16:08 <text>已退款</text>
</view> </view>
<view> <view>
已关闭 已关闭
</view> </view>
</view> </view>
<view style="height: 60px;padding-top: 10px;"> <view style="height: 120rpx;padding-top: 20rpx;">
<view style="height: 25px;line-height: 25px;font-size: 14px;font-weight: 700;"> <view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;font-weight: 700;">
商品 <text><text>1</text></text> 商品 <text><text>1</text></text>
</view> </view>
<view style="display: flex;"> <view style="display: flex;">
<view style="flex: 1;"> <view style="flex: 1;">
鱼香肉丝 鱼香肉丝
</view> </view>
<view style="width: 50px;"> <view style="width: 100rpx;">
X1 X1
</view> </view>
<view> <view>
@ -190,7 +190,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;
@ -199,7 +199,7 @@
.title-tab { .title-tab {
display: flex; display: flex;
margin: -60px auto 0; margin: -120rpx auto 0;
} }
.status-scroll-view { .status-scroll-view {

142
package1/runErrand/runErrand.vue

@ -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>
Loading…
Cancel
Save