订单列表

assets/css/mine/orderdetail.scss

+.page-userOrderDetail {
+    background-color: #f00;
+}

assets/css/mine/shoporder.scss

@@ -106,12 +106,7 @@
                     font-size: 22rpx;
                     color: #919399;
                 }
-                .color1 {
-                    font-size: 24rpx;
-                    color: #f98119;
-                    font-weight: bold;
-                }
-                .color2 {
+                .color {
                     font-size: 24rpx;
                     color: #1969f9;
                     font-weight: bold;
@@ -159,6 +154,8 @@
                 }
                 .right-bar {
                     .btn {
+                        width: 120rpx;
+                        height: 48rpx;
                         margin-right: 24rpx;
                         &:last-child {
                             margin-right: 0;
@@ -166,32 +163,24 @@
                     }
 
                     .btn0 {
-                        width: 142rpx;
-                        height: 48rpx;
                         background: #f98119;
                         border-radius: 6rpx;
                         font-size: 22rpx;
                         color: #fff;
                     }
                     .btn1 {
-                        width: 142rpx;
-                        height: 48rpx;
                         border-radius: 6rpx;
                         border: 1px solid #1969f9;
                         font-size: 22rpx;
                         color: #1969f9;
                     }
                     .btn2 {
-                        width: 142rpx;
-                        height: 48rpx;
                         border-radius: 6rpx;
                         border: 1px solid #1969f9;
                         font-size: 22rpx;
                         color: #1969f9;
                     }
                     .btn3 {
-                        width: 142rpx;
-                        height: 48rpx;
                         background: #ffffff;
                         border-radius: 6rpx;
                         opacity: 0.54;
@@ -200,16 +189,12 @@
                         color: #484b59;
                     }
                     .btn4 {
-                        width: 142rpx;
-                        height: 48rpx;
                         background: #1969f9;
                         border-radius: 6rpx;
                         font-size: 22rpx;
                         color: #fff;
                     }
                     .btn5 {
-                        width: 142rpx;
-                        height: 48rpx;
                         background: #ffffff;
                         border-radius: 6rpx;
                         opacity: 0.54;
@@ -218,8 +203,6 @@
                         color: #484b59;
                     }
                     .btn6 {
-                        width: 142rpx;
-                        height: 48rpx;
                         background: #1969f9;
                         border-radius: 6rpx;
                         font-size: 22rpx;

pages.json

@@ -102,6 +102,12 @@
             }
         },
         {
+            "path": "pages/mine/orderdetail",
+            "style": {
+                "navigationBarTitleText": "订单详情"
+            }
+        },
+        {
             "path": "pages/mine/userCoupon",
             "style": {
                 "navigationBarTitleText": "优惠券"

pages/mine/orderdetail.vue

+<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>

router/index.js

@@ -138,6 +138,14 @@ const router = new Router({
             }
         },
         {
+            path: '/pages/mine/orderdetail',
+            aliasPath: '/user/orderdetail',
+            meta: {
+                title: '订单详情',
+                auth: true
+            }
+        },
+        {
             path: '/pages/mine/userCoupon',
             aliasPath: '/userCoupon',
             meta: {

uni.scss

@@ -79,3 +79,34 @@ image {
 .verCenter {
     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;
+        }
+    }
+}