css

assets/css/mine/agreements.scss

 .page-agreements {
+    padding: 90rpx 0 0 0;
     .text {
         margin-top: 36rpx;
         padding: 0 24rpx;

assets/css/mine/forget.scss

 .page-forget {
-    padding: 16rpx 0 0 0;
+    padding: 90rpx 0 0 0;
     box-sizing: border-box;
     .tip {
         margin: 0 24rpx;

assets/css/mine/userCoupon.scss

+.page-userCoupon {
+    .go-coupon {
+        text-align: right;
+        font-size: 28rpx;
+        color: #1969f9;
+    }
+}

assets/css/mine/userOrder.scss

@@ -9,6 +9,7 @@
         right: 0;
         width: 100%;
         height: 176rpx;
+        z-index: 999;
         .head {
             padding: 0 32rpx;
             height: 88rpx;

components/nav.vue

@@ -2,7 +2,7 @@
     <view class="h5-nav row avarage verCenter">
         <text class="iconfont icon-arrleft"></text>
         <text class="title">{{ title }}</text>
-        <view class="bar"></view>
+        <view class="bar"><slot name="title-bar"></slot></view>
     </view>
 </template>
 
@@ -24,7 +24,16 @@ export default {
 
 <style scoped lang="scss">
 .h5-nav {
+    position: fixed;
+    top: 0;
+    le: 0;
+    right: 0;
+    width: 100%;
+    padding-left: 32rpx;
     height: 88rpx;
+    box-sizing: border-box;
+    z-index: 999;
+    background-color: #fff;
     .iconfont {
         width: 33.3%;
         font-size: 44rpx;
@@ -39,6 +48,8 @@ export default {
     }
     .bar {
         width: 33.3%;
+        padding-right: 32rpx;
+        box-sizing: border-box;
     }
 }
 </style>

pages.json

@@ -52,6 +52,12 @@
             "style": {
                 "navigationBarTitleText": "订单列表"
             }
+        },
+        {
+            "path": "pages/mine/userCoupon",
+            "style": {
+                "navigationBarTitleText": "优惠券"
+            }
         }
     ],
     "globalStyle": {

pages/mine/user.vue

@@ -13,16 +13,16 @@
         </view>
         <view class="company"><image src="../../static/company.png"></image></view>
         <view class="user-center">
-            <view class="box column rowCenter verCenter">
+            <navigator class="box column rowCenter verCenter" url="/userOrder" hover-class="none">
                 <image src="../../static/order.png"></image>
                 <text class="tt">我的订单</text>
                 <text class="tip"></text>
-            </view>
-            <view class="box column rowCenter verCenter">
+            </navigator>
+            <navigator class="box column rowCenter verCenter" url="/userCoupon" hover-class="none">
                 <image src="../../static/coup.png"></image>
                 <text class="tt">我的优惠券</text>
                 <text class="tip"></text>
-            </view>
+            </navigator>
             <view class="box column rowCenter verCenter">
                 <image src="../../static/qq.png"></image>
                 <text class="tt">我的客服</text>

pages/mine/userCoupon.vue

+<template>
+    <view class="page-userCoupon">
+        <navElement title="我的优惠券" v-back>
+            <template slot="title-bar">
+                <view class="go-coupon">去领券</view>
+            </template>
+        </navElement>
+    </view>
+</template>
+
+<script>
+import { Api_Url } from '@/util/api.js';
+import navElement from '@/components/nav.vue';
+
+export default {
+    components: {
+        navElement
+    },
+    data() {},
+    onLoad() {},
+    methods: {}
+};
+</script>
+
+<style lang="scss">
+@import '@/assets/css/mine/userCoupon.scss';
+</style>

pages/mine/userOrder.vue

@@ -4,7 +4,7 @@
         <view class="top">
             <view class="head row bothSide verCenter">
                 <view class="left row verCenter">
-                    <text class="iconfont icon-arrleft"></text>
+                    <text class="iconfont icon-arrleft" v-back></text>
                     <view class="search-box row verCenter">
                         <text class="iconfont icon-search"></text>
                         <input type="text" placeholder="请输入订单号/型号" class="uni-input" />

router/index.js

@@ -74,6 +74,13 @@ const router = new Router({
             meta: {
                 title: '订单列表'
             }
+        },
+        {
+            path: '/pages/mine/userCoupon',
+            aliasPath: '/userCoupon',
+            meta: {
+                title: '优惠券'
+            }
         }
     ]
 });