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

订单列表

master
tianyi 4 weeks ago
parent
9abc998e53
commit
1658f3ab60
1 changed files with 70 additions and 51 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. 121
      package1/order/orderList.vue

121
package1/order/orderList.vue
View File

@ -16,32 +16,32 @@
<view class="nav-tab"> <view class="nav-tab">
<view class="tab1"> <view class="tab1">
<view class="tabs1" @tap="checkTab1('quanbu')" <view class="tabs1" @tap="checkTab1('quanbu')"
:style="{'color':tab1Checked == 'quanbu'?'#000':'#777','font-size':tab1Checked== 'quanbu'?'18px':'15px'}"> :style="{'color':tab1Checked == 'quanbu'?'#000':'#777','font-size':tab1Checked== 'quanbu'?'36rpx':'30rpx'}">
全部订单 全部订单
<img v-if="tab1Checked == 'quanbu'" <img v-if="tab1Checked == 'quanbu'"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt="" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt=""
style="width: 60px;height: 6px;position: absolute;bottom: 8px;left: 15px;" /> style="width: 120rpx;height: 12rpx;position: absolute;bottom: 16rpx;left: 30rpx;" />
</view> </view>
<view class="tabs1" @tap="checkTab1('fantuan')" <view class="tabs1" @tap="checkTab1('fantuan')"
:style="{'color':tab1Checked == 'fantuan'?'#000':'#777','font-size':tab1Checked== 'fantuan'?'18px':'15px'}"> :style="{'color':tab1Checked == 'fantuan'?'#000':'#777','font-size':tab1Checked== 'fantuan'?'36rpx':'30rpx'}">
饭团 饭团
<img v-if="tab1Checked == 'fantuan'" <img v-if="tab1Checked == 'fantuan'"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt="" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt=""
style="width: 40px;height: 7px;position: absolute;bottom: 6px;left: 16px;" /> style="width: 80rpx;height: 14rpx;position: absolute;bottom: 12rpx;left: 32rpx;" />
</view> </view>
<view class="tabs1" @tap="checkTab1('paotui')" <view class="tabs1" @tap="checkTab1('paotui')"
:style="{'color':tab1Checked == 'paotui'?'#000':'#777','font-size':tab1Checked== 'paotui'?'18px':'15px'}"> :style="{'color':tab1Checked == 'paotui'?'#000':'#777','font-size':tab1Checked== 'paotui'?'36rpx':'30rpx'}">
快递/跑腿 快递/跑腿
<img v-if="tab1Checked == 'paotui'" <img v-if="tab1Checked == 'paotui'"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt="" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt=""
style="width: 90px;height: 7px;position: absolute;bottom: 6px;left: 16px;" /> style="width: 180rpx;height: 14rpx;position: absolute;bottom: 12rpx;left: 32rpx;" />
</view> </view>
<view class="tabs1" @tap="checkTab1('ershou')" <view class="tabs1" @tap="checkTab1('ershou')"
:style="{'color':tab1Checked == 'ershou'?'#000':'#777','font-size':tab1Checked== 'ershou'?'18px':'15px'}"> :style="{'color':tab1Checked == 'ershou'?'#000':'#777','font-size':tab1Checked== 'ershou'?'36rpx':'30rpx'}">
二手 二手
<img v-if="tab1Checked == 'ershou'" <img v-if="tab1Checked == 'ershou'"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt="" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt=""
style="width: 40px;height: 7px;position: absolute;bottom: 4px;left: 16px;" /> style="width: 80rpx;height: 14rpx;position: absolute;bottom: 8rpx;left: 32rpx;" />
</view> </view>
</view> </view>
<view class="tab2"> <view class="tab2">
@ -94,13 +94,13 @@
<view class="ziqu-xuanfu"> <view class="ziqu-xuanfu">
待评价 待评价
</view> --> </view> -->
<view style="width: 100%;line-height: 35px;font-size: 14px;font-weight: 700;display: flex;"> <view style="width: 100%;line-height: 70rpx;font-size: 28rpx;font-weight: 700;display: flex;">
<view style="height: 20px;line-height: 20px;background: linear-gradient(90deg, rgba(255, 77, 0, 1), rgba(255, 184, 84, 1));padding: 0 8px;border-radius: 20px;color: #fff;margin: 7px 10px 0 0;"> <view style="height: 40rpx;line-height: 40rpx;background: linear-gradient(90deg, rgba(255, 77, 0, 1), rgba(255, 184, 84, 1));padding: 0 16rpx;border-radius: 40rpx;color: #fff;margin: 14rpx 20rpx 0 0;">
饭团 {{tab1Checked == 'paotui'?'跑腿':tab1Checked == 'ershou'?'二手':tab1Checked == 'fantuan'?'饭团':"订单"}}
</view> </view>
竹仔园牛仔农庄(第六分店) {{tab1Checked == 'paotui'?'跑腿帮送':tab1Checked == 'ershou'?'二手物品':tab1Checked == 'fantuan'?'竹仔园牛仔农庄(第六分店)':"订单详情"}}
</view> </view>
<view style="display: flex;padding: 10px;background: #F5F5F5;border-radius: 10px;"> <view v-if="tab1Checked != 'paotui'" style="display: flex;padding: 20rpx;background: #F5F5F5;border-radius: 20rpx;">
<view class="goods-img"> <view class="goods-img">
<img src="/static/images/img/shangpintu.png" alt=""> <img src="/static/images/img/shangpintu.png" alt="">
</view> </view>
@ -123,12 +123,30 @@
</view> </view>
</view> </view>
</view> </view>
<view style="height: 50px;border: 1px solid #F5F5F5;display: flex;line-height: 50px;"> <view v-else style="display: flex;padding: 20rpx;background: #F5F5F5;border-radius: 20rpx;">
<view class="goods-img">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4130b6a412584c71949b3a03e5834453.png" alt="">
</view>
<view class="goods-content">
<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" alt="" style="width: 50rpx;height: 50rpx;" />
沁园春第三食堂A20窗口
</view>
<view class="goods-name" style="font-size: 24rpx;line-height: 50rpx;display: flex;margin-top: 14rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d0764fb4138747769538cf1cafa3b017.png" alt="" style="width: 50rpx;height: 50rpx;" />
11号宿舍楼610
</view>
<view class="goods-content-bottom">
下单时间：2026-02-25 16:34
</view>
</view>
</view>
<view style="height: 100rpx;border-bottom: 1px solid #F5F5F5;display: flex;line-height: 100rpx;">
<view style="flex: 1;color: #777;"> <view style="flex: 1;color: #777;">
待支付 <text style="font-size: 16px;color: red;font-weight: 700;">23:59:23</text> 待支付 <text style="font-size: 32rpx;color: red;font-weight: 700;">23:59:23</text>
</view> </view>
<view style="font-size: 14px;font-weight: 700;"> <view style="font-size: 24rpx;font-weight: 700;">
实付<text style="font-size: 10px;color: #777;">（含包装/配送费）</text> <text 实付<text v-if="tab1Checked == 'fantuan'" style="font-size: 20rpx;color: #777;">（含包装/配送费）</text> <text
style="color: red;">￥24</text> style="color: red;">￥24</text>
</view> </view>
</view> </view>
@ -219,7 +237,7 @@
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;
background-size: 100%; background-size: 100%;
width: 100%; width: 100%;
height: 200px; height: 400rpx;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -230,11 +248,11 @@
} }
.back-btn { .back-btn {
padding-top: 55px; padding-top: 110rpx;
} }
.title-search { .title-search {
margin-top: 55px; margin-top: 110rpx;
display: flex; display: flex;
background: #fff; background: #fff;
height: 54rpx; height: 54rpx;
@ -252,12 +270,12 @@
.nav-tab { .nav-tab {
flex-shrink: 0; flex-shrink: 0;
position: absolute; position: absolute;
top: 100px; top: 200rpx;
left: 2.5%; left: 2.5%;
background: #fff; background: #fff;
width: 95%; width: 95%;
border-radius: 10px; border-radius: 20rpx;
padding: 10px; padding: 20rpx;
} }
.content { .content {
@ -266,42 +284,42 @@
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
top: 225px; top: 450rpx;
left: 2.5%; left: 2.5%;
} }
.tab1 { .tab1 {
height: 40px; height: 80rpx;
line-height: 40px; line-height: 80rpx;
display: flex; display: flex;
} }
.tabs1 { .tabs1 {
position: relative; position: relative;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
color: #777; color: #777;
padding: 0 15px; padding: 0 30rpx;
} }
.tab2 { .tab2 {
height: 35px; height: 70rpx;
width: 100%; width: 100%;
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
margin-top: 10px; margin-top: 20rpx;
white-space: nowrap; white-space: nowrap;
} }
.tabs2 { .tabs2 {
width: 78px; width: 156rpx;
height: 35px; height: 70rpx;
line-height: 35px; line-height: 70rpx;
text-align: center; text-align: center;
background: #F5F5F5; background: #F5F5F5;
border-radius: 10px; border-radius: 20rpx;
font-weight: 700; font-weight: 700;
margin-right: 10px; margin-right: 20rpx;
display: inline-block; display: inline-block;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@ -311,28 +329,30 @@
top: 0; top: 0;
right: 0; right: 0;
background: #F5F5F5; background: #F5F5F5;
border-top-right-radius: 10px; border-top-right-radius: 20rpx;
border-bottom-left-radius: 10px; border-bottom-left-radius: 20rpx;
font-weight: 700; font-weight: 700;
height: 28px; height: 56rpx;
width: 60px; width: 120rpx;
text-align: center; text-align: center;
line-height: 28px; line-height: 56rpx;
color: #fff; color: #fff;
} }
.box1 { .box1 {
width: 100%; width: 100%;
margin: 0 auto 10px; margin: 0 auto 20rpx;
background: #fff; background: #fff;
border-radius: 10px; border-radius: 20rpx;
padding: 10px; padding: 20rpx;
} }
.goods-img { .goods-img {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
position: relative; position: relative;
background: #fff;
border-radius: 20rpx;
img { img {
width: 100%; width: 100%;
@ -366,26 +386,25 @@
.goods-content-bottom { .goods-content-bottom {
display: flex; display: flex;
line-height: 28px; line-height: 56rpx;
color: #777; color: #777;
} }
.btn1 { .btn1 {
width: 70px; width: 140rpx;
height: 30px; height: 60rpx;
line-height: 30px; line-height: 60rpx;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
background: #F5F5F5; background: #F5F5F5;
border-radius: 30px; border-radius: 60rpx;
color: #777; color: #777;
font-weight: 700; font-weight: 700;
float: right; float: right;
margin-left: 10px; margin-left: 20rpx;
} }
.bottom-btn { .bottom-btn {
height: 80rpx;
height: 40px;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save