up

web/src/views/Home.vue

@@ -203,6 +203,7 @@ export default {
   height: 100%;
   background: url("../assets/img/bg.jpg");
   background-size: cover;
+  overflow: hidden;
   .mean {
     transform: translateX(0);
     transition: all 0.3s;

web/src/views/stair/component/share.vue

@@ -22,6 +22,7 @@
 </template>
 
 <script>
+import { addShareApi } from "@/utils/api";
 export default {
   name: "stairShare",
   components: {},
@@ -35,7 +36,7 @@ export default {
   watch: {},
   //方法集合
   methods: {
-    copy() {
+   async copy() {
       // 存储传递过来的数据
       let OrderNumber = "9999999999";
       // 创建一个input 元素
@@ -55,9 +56,11 @@ export default {
       newInput.remove();
       // 下面是element的弹窗 不需要的自行删除就好
       this.$message({
-        message: `复制成功`,
+        message: `复制网址成功`,
         type: "success",
       });
+      // 发送接口保存分享数量
+      await addShareApi(Number(this.$route.params.id));
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）

web/src/views/stair/index.vue

@@ -65,7 +65,7 @@
 </template>
 
 <script>
-import { likeSaveApi, lookSaveApi, getCunNumApi } from "@/utils/api";
+import { likeSaveApi, getCunNumApi } from "@/utils/api";
 import StairIntro from "./component/intro.vue";
 import StairCard from "./component/card.vue";
 import StairShare from "./component/share.vue";
@@ -122,12 +122,6 @@ export default {
   //生命周期 - 创建完成（可以访问当前this实例）
   async created() {
     let id = Number(this.$route.params.id);
-    // 只有从首页进入的才保存浏览量
-    this.$router.beforeEach(async (to, from, next) => {
-      if (from.name === "Home") await lookSaveApi(id);
-      next();
-    });
-
     let res = await getCunNumApi(id);
     this.likeNum = res.data.star;
     this.lookNum = res.data.visit;

webM/src/views/stair/component/share.vue

@@ -21,41 +21,43 @@
 </template>
 
 <script>
+import { addShareApi } from "@/utils/api";
 export default {
   name: "share",
   components: {},
   data() {
     //这里存放数据
-    return {
-      copy() {
-        // 存储传递过来的数据
-        let OrderNumber = "9999999999";
-        // 创建一个input 元素
-        // createElement() 方法通过指定名称创建一个元素
-        let newInput = document.createElement("input");
-        // 讲存储的数据赋值给input的value值
-        newInput.value = OrderNumber;
-        // appendChild() 方法向节点添加最后一个子节点。
-        document.body.appendChild(newInput);
-        // 选中input元素中的文本
-        // select() 方法用于选择该元素中的文本。
-        newInput.select();
-        // 执行浏览器复制命令
-        //  execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令
-        document.execCommand("Copy");
-        // 清空输入框
-        newInput.remove();
-        // 下面是element的弹窗 不需要的自行删除就好
-        alert("复制成功");
-      },
-    };
+    return {};
   },
   //监听属性 类似于data概念
   computed: {},
   //监控data中的数据变化
   watch: {},
   //方法集合
-  methods: {},
+  methods: {
+    async copy() {
+      // 存储传递过来的数据
+      let OrderNumber = "9999999999";
+      // 创建一个input 元素
+      // createElement() 方法通过指定名称创建一个元素
+      let newInput = document.createElement("input");
+      // 讲存储的数据赋值给input的value值
+      newInput.value = OrderNumber;
+      // appendChild() 方法向节点添加最后一个子节点。
+      document.body.appendChild(newInput);
+      // 选中input元素中的文本
+      // select() 方法用于选择该元素中的文本。
+      newInput.select();
+      // 执行浏览器复制命令
+      //  execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令
+      document.execCommand("Copy");
+      // 清空输入框
+      newInput.remove();
+      alert("复制网址成功");
+      // 发送接口保存分享数量
+      await addShareApi(Number(this.$route.params.id));
+    },
+  },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）

webM/src/views/stair/index.vue

@@ -30,7 +30,7 @@
         />
         <!-- 点赞的数字 -->
         <p v-if="item.id === 4">{{ likeNum }}</p>
-        <p v-else>{{item.name}}</p>
+        <p v-else>{{ item.name }}</p>
         <transition v-if="item.id === 4" name="likeAddAnimate">
           <div class="good" v-show="isShowGood">
             <div class="pic">
@@ -54,7 +54,7 @@
 import StairIntro from "./component/intro.vue";
 import StairCard from "./component/card.vue";
 import StairShare from "./component/share.vue";
-import { likeSaveApi, lookSaveApi, getCunNumApi } from "@/utils/api";
+import { likeSaveApi, getCunNumApi } from "@/utils/api";
 export default {
   name: "stair",
   components: { StairIntro, StairCard, StairShare },
@@ -99,12 +99,6 @@ export default {
   //生命周期 - 创建完成（可以访问当前this实例）
   async created() {
     let id = Number(this.$route.params.id);
-    // 只有从首页进入的才保存浏览量
-    this.$router.beforeEach(async (to, from, next) => {
-      if (from.name === "Home") await lookSaveApi(id);
-      next();
-    });
-
     let res = await getCunNumApi(id);
     this.likeNum = res.data.star;
     this.lookNum = res.data.visit;