可以播放版本

ghsApp/src/admin/home/me.vue

@@ -127,7 +127,7 @@
               <div class="tui-title">云打印</div>
             </tui-list-cell>
 
-            <tui-list-cell @click="pageTo({ url: '/admin/shop/jc' })" class="line-cell" :hover="false" :arrow="true">
+            <tui-list-cell @click="pageTo({ url: '/admin/jc/index' })" class="line-cell" :hover="false" :arrow="true">
               <div class="tui-title">新手教程</div>
             </tui-list-cell>
 
@@ -319,7 +319,7 @@ export default {
     }
   }
   & .me-shop_box {
-    padding: 50upx 20px 20rpx;
+    padding: 50upx 20px 40rpx;
     & .me-shop_content {
       position: relative;
       z-index: 10;

ghsApp/src/admin/jc/contact.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="app-content">
+    <div>
+      <video src="https://api.shop.hzghd.com/contact.mp4" ></video>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "jc",
+  components: {},
+  data() {
+    return {
+    };
+  },
+  onLoad() {
+  },
+  onShow() {
+  },
+  methods: {
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-content {
+    div{
+        padding-top:50rpx;
+        margin:0 auto;
+        text-align: center;
+    }
+}
+</style>

ghsApp/src/admin/jc/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div class="app-content">
+    <div>
+        <view v-for="(item, index) in videoList" :key="index">
+            <image mode="aspectFit" :src="`${constant.imgUrl}/common/video_icon.png?v=1`"></image><view @click="goToDetail(item)" class="text">{{item.title}}</view>
+        </view>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "jc",
+  components: {},
+  data() {
+    return {
+        videoList:[
+            {title:'抖音搜索销花宝，查看完整视频教程',page:'/admin/jc/contact'},
+            {title:'抖音搜索销花宝，查看完整视频教程2',page:'/admin/jc/contact'}
+        ]
+    };
+  },
+  onLoad() {
+  },
+  onShow() {
+  },
+  methods: {
+      goToDetail(item){
+        this.$util.pageTo({url: item.page})
+      }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-content {
+    div{
+        padding-top:50rpx;
+        image{
+            width:32rpx;
+            height:32rpx;
+            float:left;
+            margin:8rpx 0 0 20rpx;
+        }
+        .text{
+            color:rgb(94, 92, 92);
+            margin:0 0 35rpx 62rpx;
+            font-size:35rpx;
+        }
+    }
+}
+</style>

ghsApp/src/admin/shop/jc.vue

@@ -1,30 +0,0 @@
-<template>
-  <div class="app-content">
-    <div>
-
-        <view style="margin:10rpx 0 40rpx 53rpx;font-size:35rpx;font-weight:700;">抖音搜索“销花宝”，查看完整视频教程</view>
-        <image mode="aspectFit" style="height:1100rpx;" :src="`${constant.imgUrl}/uploads/0/202109/16/599c8033735b47ed4573df0b9b8c2d38.jpeg`"></image>
-
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "jc",
-  components: {},
-  data() {
-    return {
-    };
-  },
-  onLoad() {
-  },
-  onShow() {
-  },
-  methods: {
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

ghsApp/src/pages.json

@@ -131,8 +131,14 @@
 				{"path": "list","style": {"navigationBarTitleText": "店铺管理"}},
 				{"path": "add","style": {"navigationBarTitleText": ""}},
 				{"path": "print","style": {"navigationBarTitleText": "云打印"}},
-				{"path": "changeShop","style": {"navigationBarTitleText": "切换门店"}},
-				{"path": "jc","style": {"navigationBarTitleText": "新手使用教程"}}
+				{"path": "changeShop","style": {"navigationBarTitleText": "切换门店"}}
+			]
+		},
+		{
+			"root": "admin/jc",
+			"pages": [
+				{"path": "index","style": {"navigationBarTitleText": "新手使用教程"}},
+				{"path": "contact","style": {"navigationBarTitleText": "联系客服方法"}}
 			]
 		},
 		{