Merge branch 'iteration-music-list'

src/views/creation/share-model/index.tsx

@@ -64,18 +64,14 @@ export default defineComponent({
     };
 
     const onSaveWe = async (type: string) => {
-      // showLoadingToast({
-      //   message: '图片生成中...',
-      //   forbidClick: true
-      // });
       setTimeout(() => {
         state.saveLoading = false;
       }, 100);
       const res = await promisefiyPostMessage({
         api: 'shareTripartite',
         content: {
-          title: '',
-          desc: '',
+          title: '我在音乐数字课堂发布了演奏作品',
+          desc: props.musicDetail.desc,
           // image: state.image,
           video: '',
           type: 'link',
@@ -99,34 +95,33 @@ export default defineComponent({
       }
       state.saveLoading = true;
       // 判断是否已经生成图片
-      onSaveWe(type);
-      // if (state.image) {
-      //   if (type) {
-      //     onSaveWe(type);
-      //   } else {
-      //     saveImg();
-      //   }
-      // } else {
-      //   const container: any = document.getElementById('shareContent');
-      //   html2canvas(container, {
-      //     allowTaint: true,
-      //     useCORS: true,
-      //     backgroundColor: null
-      //   })
-      //     .then(async canvas => {
-      //       const url = canvas.toDataURL('image/png');
-      //       state.image = url;
-      //       if (type) {
-      //         onSaveWe(type);
-      //       } else {
-      //         saveImg();
-      //       }
-      //     })
-      //     .catch(() => {
-      //       closeToast();
-      //       state.saveLoading = false;
-      //     });
-      // }
+      if (state.image) {
+        if (type) {
+          onSaveWe(type);
+        } else {
+          saveImg();
+        }
+      } else {
+        const container: any = document.getElementById('shareContent');
+        html2canvas(container, {
+          allowTaint: true,
+          useCORS: true,
+          backgroundColor: null
+        })
+          .then(async canvas => {
+            const url = canvas.toDataURL('image/png');
+            state.image = url;
+            if (type) {
+              onSaveWe(type);
+            } else {
+              saveImg();
+            }
+          })
+          .catch(() => {
+            closeToast();
+            state.saveLoading = false;
+          });
+      }
     };
 
     const copyText = (text: string) => {