2

www/vue/src/components/about.vue

@@ -0,0 +1,34 @@
+<template>
+	<div class="about-text-align"  v-html="aboutText">
+	</div>
+</template>
+
+<script>
+  import axios from 'axios'
+  export default{
+    data () {
+      return {
+        aboutText: {}
+      }
+    },
+    created () {
+      this.getUserCoupon()
+    },
+    methods: {
+      getUserCoupon () {
+        axios.get('api/common/staticSource&key=about_us').then(res => {
+          console.log(res)
+          this.aboutText = res.data.data.content
+          console.log(this.aboutText)
+        })
+      }
+    }
+  }
+</script>
+<style scoped lang="less">
+
+	.about-text-align {
+		text-align: left;
+		font-size: .8rem;
+	}
+</style>

www/vue/src/components/mine.vue

@@ -46,12 +46,12 @@
           {
             name: '代金券',
             icon: 'http://odulvej8l.bkt.clouddn.com/mine-%E4%BB%A3%E9%87%91%E5%88%B8icon-01-01-01.png',
-            link: '/balanceLog'
+            link: '/userCoupon'
           },
           {
             name: '关于',
             icon: 'http://odulvej8l.bkt.clouddn.com/mine-%E5%85%B3%E4%BA%8Eicon-01-01-01.png',
-            link: '/balanceLog'
+            link: '/about'
           }
         ]
       }

www/vue/src/router/index.js

@@ -6,14 +6,15 @@ export default[
   {path: '/mine', name: 'mine', component: require('../components/mine')},
   {path: '/balanceLog', name: 'balanceLog', component: require('../components/balanceLog.vue')},
   {path: '/order', name: 'order', component: require('../components/order')},
-  {path: '/orderInfo', component: require('../components/orderInfo')},
-  {path: '/completeOrder', component: require('../components/completeOrder')},
-  {path: '/userCoupon', component: require('../components/userCoupon')},
+  {path: '/orderInfo', name: 'orderInfo', component: require('../components/orderInfo')},
+  {path: '/completeOrder', name: 'completeOrder', component: require('../components/completeOrder')},
+  {path: '/userCoupon', name: 'userCoupon', component: require('../components/userCoupon')},
   {path: '/myCoupon', name: 'myCoupon', component: require('../components/myCoupon')},
   {path: '/recharge', name: 'recharge', component: require('../components/recharge')},
   {path: '/brand', name: 'brand', component: require('../components/CompanyProfile/brand')},
   {path: '/addressList', name: 'addressList', component: require('../components/address/addresList.vue')},
   {path: '/addressAdd', name: 'addressAdd', component: require('../components/address/addressAdd.vue')},
   {path: '/addressDetail', name: 'addressDetail', component: require('../components/address/addressDetail.vue')},
-  {path: '/addressPoisiton', name: 'addressPoisiton', component: require('../components/address/addressPoisiton.vue')}
+  {path: '/addressPoisiton', name: 'addressPoisiton', component: require('../components/address/addressPoisiton.vue')},
+  {path: '/about', name: 'about', component: require('../components/about.vue')}
 ]