help

src/router/index.js

@@ -4,6 +4,7 @@ import Router from 'vue-router'
 import Login from '@/views/login/index.vue'
 import User from '@/views/user/index.vue'
 import About from '@/views/user/about.vue'
+import Help from '@/views/user/help.vue'
 import Device from  '@/views/device/index.vue'
 import Groups from  '@/views/groups/index.vue'
 import GroupsAdd from  '@/views/groups/add.vue'
@@ -35,7 +36,8 @@ const router =  new Router({
         { path: '/device', name: 'Device', component: Device, meta: { keepAlive: true } },
         { path: '/device/detail', name: 'DeviceDetail', component: DeviceDetail, meta: { keepAlive: false } },
         { path: '/device/add', name: 'DeviceAdd', component: DeviceAdd, meta: { keepAlive: false } },
-        { path: '/user', name: 'Home', component: User, meta: { keepAlive: true } },
+        { path: '/user', name: 'User', component: User, meta: { keepAlive: true } },
+        { path: '/user/help', name: 'Help', component: Help, meta: { keepAlive: true } },
       ]
     },
     {

src/views/tempaltes/index.vue

@@ -117,7 +117,7 @@
             </div>
           </div>
         </swiper-slide>
-        <swiper-slide v-for="(item, index) in list" :key="index" @click.native="goDetail(item)">
+        <swiper-slide v-for="(item, index) in list" :key="index" @click.native="goDetail2(item)">
           <div class="template-item">
             <div
               class="template-item-top"
@@ -276,6 +276,14 @@ export default {
         }
       });
     },
+    goDetail2(item) {
+      this.$router.push({
+        path: "tempaltes/edit",
+        query: {
+          filmId: item.filmId
+        }
+      });
+    },
     goAll() {
       this.$router.push({
         path: "/tempaltes/all",

src/views/user/help.vue

+<template>
+  <div class="help">
+    <NavBar title="帮助反馈" left-arrow></NavBar>
+    <div class="content">
+      <div class="search-content">
+          <van-icon  name="search"></van-icon>
+          <input type="text">
+          <div class="search-btn">搜索</div>
+      </div>
+      <div class="result">
+        <div class="result-item" v-for="(item, index) in list" :key="index">
+          <div class="question">
+            Q:{{item.q}}
+          </div>
+          <div class="answer">
+            A:{{item.a}}
+          </div>
+        </div>
+      </div>
+      <!-- <img src="../../../public/img/ps/helpbg.png" alt=""> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import NavBar from '@/views/layout/navbar'
+export default {
+  name: 'help',
+  components:{
+    NavBar
+  },
+  data() {
+    return {
+      list: [
+        {
+          q: '此处是问题此处是问题此处是问题？',
+          a: '此处是答案此处是答案此处是答案此处是答案此处是答案此处是答案此处是'
+        },
+        {
+          q: '此处是问题？',
+          a: '此处是答案'
+        }
+      ]
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .help {
+    .content {
+      padding-top: 65px;
+      padding-bottom: 35px;
+      text-align: center;
+      width:808px;
+      margin: 0 auto;
+      img {
+        width: 50%;
+      }
+      .search-content {
+        width:808px;
+        height:53px;
+        border:1px solid rgba(132,132,132,1);
+        padding-left: 17px;
+        border-radius:3px;
+        font-size: 25px;
+        display: flex;
+        align-items: center;
+        input {
+          padding: 0 10px;
+          font-size: 21px;
+          border: none;
+          outline: none;
+          flex: 1;
+        }
+        .search-btn {
+          width:151px;
+          height:55px;
+          font-size: 22px;
+          background:rgba(110,140,249,1);
+           color: white;
+           line-height: 55px;
+          // border-radius:3px;
+        }
+        
+      }
+      .result {
+        .result-item {
+          padding-top: 84px;
+          font-size:21px;
+          line-height: 35px;
+          .question {
+            padding-bottom: 20px;
+          }
+          .answer {
+
+          }
+        }
+        text-align: left;
+      }
+    }
+  }
+</style>
+

src/views/user/index.vue

@@ -25,7 +25,7 @@
         </div>
         <div class="des">固件升级</div>
       </div>
-      <div class="btn-item">
+      <div class="btn-item" @click="goHelp">
         <div class="icon" style="background-image: url(./img/ps/about.png)">
 
         </div>
@@ -54,6 +54,11 @@ export default {
         path: '/about'
       })
     },
+    goHelp() {
+      this.$router.push({
+        path: '/user/help'
+      })
+    },
     logout() {
       this.$dialog.confirm({
         title: '你确定退出吗',