【国之重器-详情】分享功能

src/views/TreasureDetail.vue

@@ -7,9 +7,16 @@
       />
     </Teleport>
 
-    <button @click="isShowShare = true">
-      show share
-    </button>
+    <menu>
+      <button @click="isShowShare = true">
+        <img
+          class=""
+          src="@/assets/images/icon_share.png"
+          alt=""
+          draggable="false"
+        >
+      </button>
+    </menu>
   </div>
 </template>
 
@@ -41,5 +48,19 @@ export default {
   width: 100%;
   height: 100%;
   overflow: auto;
+  position: relative;
+  >menu {
+    position: absolute;
+    right: 44px;
+    bottom: 170px;
+    > button {
+      width: 44px;
+      height: 44px;
+      > img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
 }
 </style>