区分pc和h5

src/modules/payment/index.js

 const routes = [
   {
     path: '/payment',
-    component: () => import('./views/List.vue')
+    component: () => import('./views/pc/List.vue')
   },
   {
     path: '/payment/invoice',
-    component: () => import('./views/List.vue')
+    component: () => import('./views/pc/Invoice.vue')
+  },
+  {
+    path: '/h5/payment',
+    component: () => import('./views/h5/List.vue')
+  },
+  {
+    path: '/h5/payment/invoice',
+    component: () => import('./views/h5/Invoice.vue')
   }
 ]
 

src/modules/payment/views/pc/Invoice.vue

+<template>
+  <div>开具发票</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>

src/modules/payment/views/pc/List.vue

+<template>
+  <div>支付记录</div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>