diff --git a/package1/order/orderList.vue b/package1/order/orderList.vue index 21016ad..5f725f1 100644 --- a/package1/order/orderList.vue +++ b/package1/order/orderList.vue @@ -16,32 +16,32 @@ + :style="{'color':tab1Checked == 'quanbu'?'#000':'#777','font-size':tab1Checked== 'quanbu'?'36rpx':'30rpx'}"> 全部订单 + style="width: 120rpx;height: 12rpx;position: absolute;bottom: 16rpx;left: 30rpx;" /> + :style="{'color':tab1Checked == 'fantuan'?'#000':'#777','font-size':tab1Checked== 'fantuan'?'36rpx':'30rpx'}"> 饭团 + style="width: 80rpx;height: 14rpx;position: absolute;bottom: 12rpx;left: 32rpx;" /> + :style="{'color':tab1Checked == 'paotui'?'#000':'#777','font-size':tab1Checked== 'paotui'?'36rpx':'30rpx'}"> 快递/跑腿 + style="width: 180rpx;height: 14rpx;position: absolute;bottom: 12rpx;left: 32rpx;" /> + :style="{'color':tab1Checked == 'ershou'?'#000':'#777','font-size':tab1Checked== 'ershou'?'36rpx':'30rpx'}"> 二手 + style="width: 80rpx;height: 14rpx;position: absolute;bottom: 8rpx;left: 32rpx;" /> @@ -94,13 +94,13 @@ 待评价 --> - - - 饭团 + + + {{tab1Checked == 'paotui'?'跑腿':tab1Checked == 'ershou'?'二手':tab1Checked == 'fantuan'?'饭团':"订单"}} - 竹仔园牛仔农庄(第六分店) + {{tab1Checked == 'paotui'?'跑腿帮送':tab1Checked == 'ershou'?'二手物品':tab1Checked == 'fantuan'?'竹仔园牛仔农庄(第六分店)':"订单详情"}} - + @@ -123,12 +123,30 @@ - + + + + + + + + 沁园春第三食堂A20窗口 + + + + 11号宿舍楼610 + + + 下单时间:2026-02-25 16:34 + + + + - 待支付 23:59:23 + 待支付 23:59:23 - - 实付(含包装/配送费) + 实付(含包装/配送费) ¥24 @@ -219,7 +237,7 @@ background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; background-size: 100%; width: 100%; - height: 200px; + height: 400rpx; padding-bottom: 20rpx; } @@ -230,11 +248,11 @@ } .back-btn { - padding-top: 55px; + padding-top: 110rpx; } .title-search { - margin-top: 55px; + margin-top: 110rpx; display: flex; background: #fff; height: 54rpx; @@ -252,12 +270,12 @@ .nav-tab { flex-shrink: 0; position: absolute; - top: 100px; + top: 200rpx; left: 2.5%; background: #fff; width: 95%; - border-radius: 10px; - padding: 10px; + border-radius: 20rpx; + padding: 20rpx; } .content { @@ -266,42 +284,42 @@ overflow-y: auto; -webkit-overflow-scrolling: touch; position: absolute; - top: 225px; + top: 450rpx; left: 2.5%; } .tab1 { - height: 40px; - line-height: 40px; + height: 80rpx; + line-height: 80rpx; display: flex; } .tabs1 { position: relative; - font-size: 15px; + font-size: 30rpx; font-weight: 700; color: #777; - padding: 0 15px; + padding: 0 30rpx; } .tab2 { - height: 35px; + height: 70rpx; width: 100%; overflow-x: scroll; overflow-y: hidden; - margin-top: 10px; + margin-top: 20rpx; white-space: nowrap; } .tabs2 { - width: 78px; - height: 35px; - line-height: 35px; + width: 156rpx; + height: 70rpx; + line-height: 70rpx; text-align: center; background: #F5F5F5; - border-radius: 10px; + border-radius: 20rpx; font-weight: 700; - margin-right: 10px; + margin-right: 20rpx; display: inline-block; -webkit-overflow-scrolling: touch; } @@ -311,28 +329,30 @@ top: 0; right: 0; background: #F5F5F5; - border-top-right-radius: 10px; - border-bottom-left-radius: 10px; + border-top-right-radius: 20rpx; + border-bottom-left-radius: 20rpx; font-weight: 700; - height: 28px; - width: 60px; + height: 56rpx; + width: 120rpx; text-align: center; - line-height: 28px; + line-height: 56rpx; color: #fff; } .box1 { width: 100%; - margin: 0 auto 10px; + margin: 0 auto 20rpx; background: #fff; - border-radius: 10px; - padding: 10px; + border-radius: 20rpx; + padding: 20rpx; } .goods-img { width: 160rpx; height: 160rpx; position: relative; + background: #fff; + border-radius: 20rpx; img { width: 100%; @@ -366,26 +386,25 @@ .goods-content-bottom { display: flex; - line-height: 28px; + line-height: 56rpx; color: #777; } .btn1 { - width: 70px; - height: 30px; - line-height: 30px; + width: 140rpx; + height: 60rpx; + line-height: 60rpx; text-align: center; margin-top: 10px; background: #F5F5F5; - border-radius: 30px; + border-radius: 60rpx; color: #777; font-weight: 700; float: right; - margin-left: 10px; + margin-left: 20rpx; } .bottom-btn { - - height: 40px; + height: 80rpx; } \ No newline at end of file