Commit a6650e0e by LJM

订单列表

parent a54abba0
.page-userOrderDetail {
background-color: #f00;
}
...@@ -106,12 +106,7 @@ ...@@ -106,12 +106,7 @@
font-size: 22rpx; font-size: 22rpx;
color: #919399; color: #919399;
} }
.color1 { .color {
font-size: 24rpx;
color: #f98119;
font-weight: bold;
}
.color2 {
font-size: 24rpx; font-size: 24rpx;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
...@@ -159,6 +154,8 @@ ...@@ -159,6 +154,8 @@
} }
.right-bar { .right-bar {
.btn { .btn {
width: 120rpx;
height: 48rpx;
margin-right: 24rpx; margin-right: 24rpx;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
...@@ -166,32 +163,24 @@ ...@@ -166,32 +163,24 @@
} }
.btn0 { .btn0 {
width: 142rpx;
height: 48rpx;
background: #f98119; background: #f98119;
border-radius: 6rpx; border-radius: 6rpx;
font-size: 22rpx; font-size: 22rpx;
color: #fff; color: #fff;
} }
.btn1 { .btn1 {
width: 142rpx;
height: 48rpx;
border-radius: 6rpx; border-radius: 6rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
font-size: 22rpx; font-size: 22rpx;
color: #1969f9; color: #1969f9;
} }
.btn2 { .btn2 {
width: 142rpx;
height: 48rpx;
border-radius: 6rpx; border-radius: 6rpx;
border: 1px solid #1969f9; border: 1px solid #1969f9;
font-size: 22rpx; font-size: 22rpx;
color: #1969f9; color: #1969f9;
} }
.btn3 { .btn3 {
width: 142rpx;
height: 48rpx;
background: #ffffff; background: #ffffff;
border-radius: 6rpx; border-radius: 6rpx;
opacity: 0.54; opacity: 0.54;
...@@ -200,16 +189,12 @@ ...@@ -200,16 +189,12 @@
color: #484b59; color: #484b59;
} }
.btn4 { .btn4 {
width: 142rpx;
height: 48rpx;
background: #1969f9; background: #1969f9;
border-radius: 6rpx; border-radius: 6rpx;
font-size: 22rpx; font-size: 22rpx;
color: #fff; color: #fff;
} }
.btn5 { .btn5 {
width: 142rpx;
height: 48rpx;
background: #ffffff; background: #ffffff;
border-radius: 6rpx; border-radius: 6rpx;
opacity: 0.54; opacity: 0.54;
...@@ -218,8 +203,6 @@ ...@@ -218,8 +203,6 @@
color: #484b59; color: #484b59;
} }
.btn6 { .btn6 {
width: 142rpx;
height: 48rpx;
background: #1969f9; background: #1969f9;
border-radius: 6rpx; border-radius: 6rpx;
font-size: 22rpx; font-size: 22rpx;
......
...@@ -53,18 +53,18 @@ ...@@ -53,18 +53,18 @@
"navigationBarTitleText": "提交订单" "navigationBarTitleText": "提交订单"
} }
}, },
{ {
"path": "pages/confirm/pay", "path": "pages/confirm/pay",
"style": { "style": {
"navigationBarTitleText": "猎芯收银台" "navigationBarTitleText": "猎芯收银台"
} }
}, },
{ {
"path": "pages/confirm/offline", "path": "pages/confirm/offline",
"style": { "style": {
"navigationBarTitleText": "转账支付" "navigationBarTitleText": "转账支付"
} }
}, },
{ {
"path": "pages/confirm/confirmSuccess", "path": "pages/confirm/confirmSuccess",
"style": { "style": {
...@@ -102,6 +102,12 @@ ...@@ -102,6 +102,12 @@
} }
}, },
{ {
"path": "pages/mine/orderdetail",
"style": {
"navigationBarTitleText": "订单详情"
}
},
{
"path": "pages/mine/userCoupon", "path": "pages/mine/userCoupon",
"style": { "style": {
"navigationBarTitleText": "优惠券" "navigationBarTitleText": "优惠券"
......
<template>
<view class="page-userOrderDetail">订单详情</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
export default {
data() {
return {};
},
onShow() {
this.getData();
},
methods: {
getData() {
this.request(Api_Url + '/order/lists', 'POST', this.searchParams, true, true).then(res => {
if (res.err_code === 0) {
this.list = res.data.list;
} else {
this.list = [];
}
});
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/orderdetail.scss';
</style>
...@@ -79,20 +79,20 @@ const router = new Router({ ...@@ -79,20 +79,20 @@ const router = new Router({
title: '确认订单' title: '确认订单'
} }
}, },
{ {
path: '/pages/confirm/pay', path: '/pages/confirm/pay',
aliasPath: '/pay/online', aliasPath: '/pay/online',
meta: { meta: {
title: '猎芯收银台' title: '猎芯收银台'
} }
}, },
{ {
path: '/pages/confirm/offline', path: '/pages/confirm/offline',
aliasPath: '/pay/offline', aliasPath: '/pay/offline',
meta: { meta: {
title: '转账支付' title: '转账支付'
} }
}, },
{ {
path: '/pages/confirm/confirmSuccess', path: '/pages/confirm/confirmSuccess',
aliasPath: '/order/success', aliasPath: '/order/success',
...@@ -138,6 +138,14 @@ const router = new Router({ ...@@ -138,6 +138,14 @@ const router = new Router({
} }
}, },
{ {
path: '/pages/mine/orderdetail',
aliasPath: '/user/orderdetail',
meta: {
title: '订单详情',
auth: true
}
},
{
path: '/pages/mine/userCoupon', path: '/pages/mine/userCoupon',
aliasPath: '/userCoupon', aliasPath: '/userCoupon',
meta: { meta: {
......
...@@ -79,3 +79,34 @@ image { ...@@ -79,3 +79,34 @@ image {
.verCenter { .verCenter {
align-items: center; align-items: center;
} }
.layer-box-confirm {
background: #ffffff;
border-radius: 10rpx;
.tip-title {
padding: 48rpx;
width: 526rpx;
font-size: 32rpx;
color: #323233;
font-weight: 400;
}
.btn {
border-top: 1px solid #ebedf0;
height: 96rpx;
background: #ffffff;
border-radius: 0 0 10rpx 10rpx;
.btn1 {
width: 50%;
height: 100%;
font-size: 32rpx;
color: #323233;
border-right: 1px solid #ebedf0;
}
.btn2 {
width: 50%;
height: 100%;
font-size: 32rpx;
color: #1969f9;
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment