up

src/router/index.js

@@ -41,6 +41,12 @@ const routes = [{
     name: 'goodsPlay',
     component: () => import('../views/Goods/components/GoodsPlay.vue')
   },
+    // 分享
+    {
+      path: '/goods/share',
+      name: 'goodsShare',
+      component: () => import('../views/Goods/components/GoodsShare.vue')
+    },
   // 悦·互动发布
   {
     path: '/layout/interact/issue',

src/views/Goods/components/GoodsShare.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="GoodsShare">
+    <img src="../../../assets/img/goods/share.png" alt="">
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GoodsShare",
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  methods: {},
+  created() {},
+  mounted() {},
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+};
+</script>
+<style lang='less' scoped>
+.GoodsShare{
+  width: 100%;
+  height: 100%;
+  &>img{
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
+</style>

src/views/Goods/index.vue

@@ -22,7 +22,7 @@
           <img src="../../assets/img/goods/inco2.png" alt="">
           <p>130</p>
         </div>
-        <div>
+        <div @click="$router.push('/goods/share')">
           <img src="../../assets/img/goods/inco3.png" alt="">
           <p>130</p>
         </div>

src/views/Interact/components/interactLocation.vue

@@ -107,7 +107,9 @@ export default {
         justify-content: space-between;
         font-size: 14px;
         color: #868686;
-
+        .row_flooLL{
+          max-width: 80%;
+        }
       }
     }
   }

src/views/Interact/index.vue

@@ -62,9 +62,9 @@ export default {
           author: "王大锤",
           time: "2022-11-16",
         },
-        { id: 2, name: "芜湖老海关", author: "王大锤", time: "2022-11-16" },
-        { id: 3, name: "中江塔", author: "王大锤", time: "2022-11-16" },
-        { id: 4, name: "鸠兹古镇", author: "王大锤", time: "2022-11-16" },
+        { id: 2, name: "芜湖老海关", author: "孔连顺", time: "2022-11-16" },
+        { id: 3, name: "中江塔", author: "子墨", time: "2022-11-16" },
+        { id: 4, name: "鸠兹古镇", author: "张本钰", time: "2022-11-16" },
       ],
     };
   },