组件标题

assets/a.scss

@@ -194,7 +194,7 @@ table {
 
 $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722;
 
-// 支付弹窗
+// //组件---支付弹窗
 .payment {
 
     position             : fixed;
@@ -332,4 +332,28 @@ $colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722;
 
     }
 
+}
+
+//组件---标题
+.head {
+    padding   : 10px 10px;
+    text-align: center;
+
+    img {
+        height: 20px;
+    }
+
+    img:last-child {
+        margin-left: 5px;
+    }
+
+    span {
+        display     : inline-block;
+        width       : calc(100% - 76px);
+        padding-left: 40px;
+        font-size   : 18px;
+        font-family : PingFang-SC-Bold;
+        font-weight : bold;
+        color       : rgba(32, 32, 32, 1);
+    }
 }

assets/details.scss

@@ -6,28 +6,8 @@
         border-bottom: 1px solid rgba(240, 240, 240, 1);
     }
 
-    .head {
-        padding   : 10px 10px;
-        text-align: center;
 
-        img {
-            height: 20px;
-        }
-
-        img:last-child {
-            margin-left: 5px;
-        }
 
-        span {
-            display     : inline-block;
-            width       : calc(100% - 76px);
-            padding-left: 40px;
-            font-size   : 18px;
-            font-family : PingFang-SC-Bold;
-            font-weight : bold;
-            color       : rgba(32, 32, 32, 1);
-        }
-    }
 
     .name {
         margin       : 20px 15px 13px;
@@ -119,16 +99,16 @@
             }
 
             .img {
-                border-radius    : 0px 0px 10px 0px;
-                background       : rgba(255, 186, 186, 1);
-                width            : 118px*0.5+10px;
-                height           : 24px;
-                line-height      : 26px;
-                color            : rgba(255, 92, 92, 1);
-                font-size        : 14px;
-                margin-left      : -20px;
-                margin-bottom    : 10px;
-                text-align       : center;
+                border-radius: 0px 0px 10px 0px;
+                background   : rgba(255, 186, 186, 1);
+                width        : 118px*0.5+10px;
+                height       : 24px;
+                line-height  : 26px;
+                color        : rgba(255, 92, 92, 1);
+                font-size    : 14px;
+                margin-left  : -20px;
+                margin-bottom: 10px;
+                text-align   : center;
             }
 
             .mt40 {
@@ -146,10 +126,10 @@
         font-size  : 18px;
         font-family: PingFang-SC-Medium;
         font-weight: 500;
-        color: #fff;
-        text-align: center;
-        position: fixed;
-        bottom: 0;
-        left: 0;
+        color      : #fff;
+        text-align : center;
+        position   : fixed;
+        bottom     : 0;
+        left       : 0;
     }
 }

components/titles.vue

@@ -0,0 +1,31 @@
+<template>
+  <section class="head">
+    <img src="~/static/img/back.png" alt @click="go">
+    <span>{{tname}}</span>
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tname: String, //定义传值的类型<br>
+    required: true
+  },
+  methods: {
+    go(e) {
+      this.$router.go(-1)
+    }
+  },
+  watch: {}
+}
+</script>
+<style>
+.head img {
+  float: left;
+  padding-left: 6px;
+}
+.head span {
+  width: auto;
+  padding: 0;
+  padding-right: 20px;
+}
+</style>

pages/bidding/index.vue

@@ -203,11 +203,6 @@ export default {
   components: {
     payment
   },
-  computed: {
-    todos() {
-      return this.$store.state.todos.list
-    }
-  },
   data() {
     return {
       payment: false,
@@ -215,7 +210,6 @@ export default {
     }
   },
   created: function() {
-    console.log(this.$store.state.counter)
     this.$store.commit('equal',30)
   },
   mounted() {

pages/bidding/sub.vue

@@ -0,0 +1,27 @@
+<template>
+  <section class="sub">
+    <tit  :tname="name" />
+  </section>
+</template>
+
+<script>
+import tit from '~/components/titles.vue'
+export default {
+  components: {
+    tit,
+  },
+  data() {
+    return {
+      name: '前期项目订阅管理'
+    }
+  },
+  methods: {
+    Subscribe(e) {
+      this.$router.push({ path: '/bidding/sub?id=20' })
+    }
+  }
+}
+</script>
+
+<style>
+</style>

pages/index.vue

@@ -2,7 +2,7 @@
   <section class="bid">
     <div class="search">
       <input type="text" placeholder="请输入搜索内容">
-      <span>我的订阅</span>
+      <span @click="Subscribe">我的订阅</span>
     </div>
     <sel/>
     <ul class="bidlist">
@@ -92,9 +92,8 @@ export default {
     }
   },
   methods: {
-    addTodo(e) {
-      this.$store.commit('todos/add', e.target.value)
-      e.target.value = ''
+    Subscribe(e) {
+      this.$router.push({ path: '/bidding/sub' })
     }
   }
 }