updata

.config.pro.js

 module.exports = {
-  url: '//api.ezijing.com',
+  url: '/',
   DesDir: './client-dist',
-  apiBaseURL: '//api.ezijing.com/',
+  apiBaseURL: '/',
   isUploadStatic: false,
   webpack: {
     externals: {

.config.test.js

 module.exports = {
   url: 'https://transport2.ezijing.com/api',
   DesDir: './client-dist',
-  // apiBaseURL: 'https://transport2.ezijing.com/api',
+  apiBaseURL: 'https://transport2.ezijing.com/api',
   isUploadStatic: false,
   webpack: {
     externals: {

src/api/pay.js

@@ -9,6 +9,13 @@ export function getGoodsDetails(id) {
   return httpRequest.get(`/zy/v2/mall/product/${id}`)
 }
 
+/**
+ * 获取我的购买订单
+ */
+export function getMyOrder() {
+  return httpRequest.get('/zy/v2/mall/order/my')
+}
+
 /* 模拟考试设置角色 */
 export function setRole(data) {
   return httpRequest.post('/zy/v2/examination/role', data, {

src/pages/my/buyCourses.vue

+<template>
+  <div>
+    <div class="order-list">
+      <ul>
+        <li>
+          <div class="order-info">
+            <img src="../../assets/images/tx.png" alt="">
+            <div class="txt">
+              课程标题道路旅客运输企业课
+              程标题道路旅客运输企业
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+}
+</script>
+<style lang="scss" scoped>
+.order-list{
+  li{
+    padding: .1rem .4rem;
+    margin-bottom: .4rem;
+  }
+  .order-info{
+    display: flex;
+    img{
+      width: 2.4rem;
+      height: 2.4rem;
+    }
+    .txt{
+      margin-left: .2rem;
+      font-size: .3rem;
+      color: #222;
+      word-wrap: break-word;
+    }
+  }
+}
+</style>

src/pages/my/index.vue

 <template>
-  <van-button type="default" @click="logout">退出登录</van-button>
+  <div>
+    <div class="info-box">
+      <img src="../../assets/images/tx.png" alt="">
+      <div class="name">点击登录</div>
+    </div>
+    <ul>
+      <li v-for="(item, index) in navList" :key="index" @click="go(item.url)">
+        <div class="title">{{ item.title }}</div>
+        <van-icon name="arrow" class="icon"/>
+      </li>
+    </ul>
+    <!-- <van-button type="default" @click="logout">退出登录</van-button> -->
+  </div>
 </template>
 
 <script>
 import { logout } from '@/api/account.js'
 export default {
   name: 'my',
+  data() {
+    return {
+      navList: [
+        {
+          title: '已购课程',
+          url: '/my/buyCourses'
+        },
+        {
+          title: '已做试题',
+          url: '/my/buyCourses'
+        },
+        {
+          title: '已学课程',
+          url: '/my/buyCourses'
+        },
+        {
+          title: '消息/通知',
+          url: '/my/buyCourses'
+        },
+        {
+          title: '意见反馈',
+          url: '/my/buyCourses'
+        }
+      ]
+    }
+  },
   methods: {
     logout() {
       logout().then(response => {
         this.$toast('退出成功')
       })
+    },
+    go(url) {
+      this.$router.push(url)
     }
   }
 }
 </script>
+<style lang="scss" scoped>
+  .info-box{
+    display: flex;
+    align-items: center;
+    height: 2rem;
+    img{
+      width: 1.2rem;
+      height: 1.2rem;
+      margin:0 .2rem 0 .4rem;
+    }
+    .name{
+      font-size: .34rem;
+      color: #222;
+    }
+  }
+  ul{
+    padding: 0 .4rem;
+    li{
+      height: 1.1rem;
+      border-bottom: .01rem solid rgba(238,238,238,1);
+      display: flex;
+      align-items: center;
+      .title{
+        font-size: .3rem;
+        color: #222;
+      }
+      .icon{
+        margin-left: auto;
+      }
+    }
+    li:last-child{
+      border: none;
+    }
+  }
+</style>

src/pages/pay/index.vue

@@ -4,8 +4,7 @@
   </div>
 </template>
 <script>
-import Cookies from 'js-cookie'
-import * as api from '@/api/pay.js'
+// import * as api from '@/api/pay.js'
 export default {
   components: {
   },
@@ -14,14 +13,20 @@ export default {
     }
   },
   mounted() {
-    console.log(Cookies.get('TGC'))
+    this.getOpenid()
     this.getGoodsDetail()
   },
   methods: {
+    getOpenid() {
+      console.log(window.G, '======')
+      // api.getOpenid().then(res => {
+      //   console.log(res)
+      // })
+    },
     getGoodsDetail() {
-      api.getGoodsDetails('6682927830365372416').then(res => {
-        console.log(res)
-      })
+      // api.getGoodsDetails('6682927830365372416').then(res => {
+      //   console.log(res)
+      // })
     }
   }
 }

src/router/routes.js

@@ -76,6 +76,12 @@ export default [
     name: 'my',
     component: () => import('../pages/my/index.vue')
   },
+  // 我的-已购课程
+  {
+    path: '/my/buyCourses',
+    name: 'buyCourses',
+    component: () => import('../pages/my/buyCourses.vue')
+  },
   // 支付
   {
     path: '/pay',