优化分享到朋友弹窗

src/components/Share.vue

@@ -31,7 +31,7 @@
             <span>分享日常</span>
           </div>
         </template>
-        <div class="share-to" @click="closeShare($nav('/message/share-to-friend'))">
+        <div class="share-to" @click="closeShare($emit('ShareToFriend'))">
           <img src="../assets/img/icon/components/video/tofriend.webp" alt="">
           <span>站内私信</span>
         </div>

src/pages/home/Music.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="Music">
+  <div  id="Music">
     <div class="header">
       <back mode="light" @click="$back"/>
       <transition name="fade">
@@ -65,11 +65,11 @@
            @share2QQZone="shareType = 4"
            @share2QQ="shareType = 5"
            @share2Webo="shareType = 8"
+           @ShareToFriend="shareToFriend = true"
     />
 
     <DouyinCode v-model="showDouyinCode"/>
 
-
     <ConfirmDialog
         v-model:visible="showSharePassword"
         title="你的口令已复制"
@@ -82,6 +82,8 @@
       </template>
     </ConfirmDialog>
 
+    <ShareToFriend v-model="shareToFriend"/>
+
   </div>
 </template>
 <script>
@@ -91,6 +93,7 @@ import Loading from "../../components/Loading";
 import Share from "../../components/Share";
 import DouyinCode from "../../components/DouyinCode";
 import ConfirmDialog from "../../components/dialog/ConfirmDialog";
+import ShareToFriend from "./components/ShareToFriend";
 
 export default {
   name: "Music",
@@ -100,7 +103,8 @@ export default {
     Loading,
     Share,
     DouyinCode,
-    ConfirmDialog
+    ConfirmDialog,
+    ShareToFriend
   },
   data() {
     return {
@@ -112,17 +116,10 @@ export default {
       okText: '',
 
       showSharePassword: false,
+      shareToFriend: false,
       shareType: -1,
 
-      showPlayFeedback: false,
-      showShareDuoshan: false,
-      showShareDialog: false,
-      showShare2WeChatZone: false,
       showDouyinCode: false,
-      showFollowSetting: false,
-      showFollowSetting2: false,
-      showBlockDialog: false,
-      showChangeNote: false,
 
       videos: [
         {
@@ -2525,7 +2522,7 @@ export default {
 
 @import "../../assets/scss/index";
 
-.Music {
+#Music {
   position: fixed;
   left: 0;
   right: 0;

src/pages/home/components/ShareTo.vue

@@ -117,7 +117,9 @@
 <script>
 import FromBottomDialog from "../../../components/dialog/FromBottomDialog";
 import {mapState} from "vuex";
-
+/*
+* 分享到各种工具
+* */
 export default {
   name: "ShareTo",
   components: {

src/pages/home/components/ShareToFriend.vue

@@ -1,7 +1,9 @@
 <template>
   <from-bottom-dialog
+      page-id="Music"
       v-model="modelValue"
       @cancel="cancel"
+      maskMode="light"
       :height="height">
     <div class="content" :style="{minHeight:height}">
       <div class="create-chat" v-show="!showJoinedChat">
@@ -97,7 +99,7 @@ import {mapState} from "vuex";
 import Search from "../../../components/Search";
 import Check from "../../../components/Check";
 /*
-
+分享给朋友
 * */
 export default {
   name: "ShareTo",