cps：新增页面我的

htmldev/cps/src/assets/styles/reset.scss

@@ -40,7 +40,6 @@ iframe {
 html,
 body {
   width: 100%;
-  background: #F2F2F2;
 }
 
 html {

htmldev/cps/src/router/index.js

@@ -55,6 +55,51 @@ const routes = [
         }
       }
     ]
+  },
+  {
+    path: '/mine', // 我的
+    name: 'Mine',
+    component: _import('views/mine/index'),
+    meta: {
+      isUseCache: false,
+      keepAlive: true
+    }
+  },
+  {
+    path: '/recommend', // 分享海报
+    name: 'Recommend',
+    component: _import('views/recommend/index'),
+    meta: {
+      isUseCache: false,
+      keepAlive: true
+    }
+  },
+  {
+    path: '/wallet', // 我的钱包
+    name: 'Wallet',
+    component: _import('views/wallet/index'),
+    meta: {
+      isUseCache: false,
+      keepAlive: true
+    }
+  },
+  {
+    path: '/withdrawCash', // 提现
+    name: 'WithdrawCash',
+    component: _import('views/withdrawCash/index'),
+    meta: {
+      isUseCache: false,
+      keepAlive: true
+    }
+  },
+  {
+    path: '/bill', // 收支明细
+    name: 'Bill',
+    component: _import('views/bill/index'),
+    meta: {
+      isUseCache: false,
+      keepAlive: true
+    }
   }
 ]
 

htmldev/cps/src/views/bill/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>收支明细</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/cps/src/views/marketing/index.vue

@@ -22,9 +22,10 @@
       <router-view v-if="$route.meta.keepAlive"/>
     </keep-alive>
     <router-view v-if="!$route.meta.keepAlive"/>
-    <a
+    <router-link
       class="jump-mine"
-      href="javascript:;">我的</a>
+      :to="{name: 'Mine'}">我的
+    </router-link>
   </div>
 </template>
 

htmldev/cps/src/views/mine/index.vue

@@ -0,0 +1,166 @@
+<template>
+  <div class="mine-conatainer">
+    <div class="header">
+      <div class="avatar">
+        <img src="" alt="">
+      </div>
+    </div>
+    <ul>
+      <li>
+        <p class="left">
+          <i class="label icon-order"></i>
+          <span class="label">下单记录</span>
+        </p>
+        <p class="right">
+          <i class="arrow"></i>
+        </p>
+      </li>
+      <li @click="$router.push({name: 'Wallet'})">
+        <p class="left">
+          <i class="label icon-wallet"></i>
+          <span class="label">钱包</span>
+        </p>
+        <p class="right">
+          <span class="value">52.8</span>
+          <i class="arrow"></i>
+        </p>
+      </li>
+      <li>
+        <p class="left">
+          <i class="label icon-wallet"></i>
+          <span class="label">粉丝</span>
+        </p>
+        <p class="right">
+          <span class="value">23</span>
+          <i class="arrow"></i>
+        </p>
+      </li>
+    </ul>
+    <router-link
+      class="jump-recommend"
+      :to="{name: 'Recommend'}"></router-link>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+.mine-conatainer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.header {
+  width: 100%;
+  padding-top: 59px;
+  background: url("./image/bg_header@2x.png") center top/100% 94px no-repeat;
+}
+
+.avatar {
+  width: 73px;
+  height: 73px;
+  margin: 0 auto;
+  border-radius: 50%;
+  overflow: hidden;
+  background: pink;
+
+  img {
+    display: block;
+    width: 100%;
+  }
+}
+
+ul {
+  width: 335px;
+  margin: 0 auto;
+
+  li {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: 16px 0;
+    background: #FFFFFF;
+    box-shadow: 0 2px 4px 0 rgba(31, 49, 74, 0.12);
+    border-radius: 10px;
+    margin-top: 17px;
+
+    &:nth-of-type(1) {
+      margin-top: 4px;
+    }
+  }
+
+  .left,
+  .right {
+    display: flex;
+    align-items: center;
+    width: 50%;
+  }
+
+  .left {
+    padding-left: 19px;
+  }
+
+  .right {
+    justify-content: flex-end;
+    padding-right: 14px;
+  }
+
+  i.label {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px;
+    background-position: center center;
+    background-size: 20px 20px;
+    background-repeat: no-repeat;
+
+    &.icon-order {
+      background-image: url("./image/ic_order@2x.png");
+    }
+
+    &.icon-wallet {
+      background-image: url("./image/ic_wallet@2x.png");
+    }
+
+    &.icon-fans {
+      background-image: url("./image/ic_fans@2x.png");
+    }
+  }
+
+  span.label {
+    padding-top: 2px;
+    font-size: 14px;
+    color: #333333;
+    line-height: 20px;
+  }
+
+  .value {
+    font-size: 12px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FA4A4A;
+    line-height: 17px;
+  }
+
+  .arrow {
+    width: 24px;
+    height: 24px;
+    background: url("./image/ic_arrow@2x.png") center center/24px 24px no-repeat;
+  }
+}
+
+.jump-recommend {
+  display: block;
+  width: 335px;
+  height: 61px;
+  margin: 25px auto 0;
+  background: url("./image/bg_recommend@2x.png") center center/335px 61px no-repeat;
+}
+</style>

htmldev/cps/src/views/recommend/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>邀请海报</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/cps/src/views/wallet/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>我的钱包</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/cps/src/views/withdrawCash/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>提现</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>