fix: 修复分享设置失败的问题;修复海报分享样式错误的问题;

src/modules/share/views/Index.vue

@@ -438,6 +438,7 @@ function handleRemoveText(data: TypeText) {
 }
 .share-controls-title-item {
   margin: 0 15px;
+  flex: 0 0 228px;
   width: 228px;
   height: 60px;
   display: flex;
@@ -452,6 +453,7 @@ function handleRemoveText(data: TypeText) {
 .share-controls-text-item {
   position: relative;
   margin: 0 15px;
+  flex: 0 0 228px;
   width: 228px;
   height: 60px;
   display: flex;
@@ -483,6 +485,7 @@ function handleRemoveText(data: TypeText) {
 .share-controls-avatar-item {
   position: relative;
   margin: 0 15px;
+  flex: 0 0 60px;
   width: 60px;
   height: 60px;
   border: 3px solid #ccc;

src/utils/wx.js

 import httpRequest from './axios'
 
 export default function useWXShare() {
-  httpRequest
-    .post('https://node-server.ezijing.com/share/getsignature', {
-      data: { appId: 'wx451c01d40d090d7a', url: location.href.split('#').pop() }
+  httpRequest.post('https://node-server.ezijing.com/share/getsignature', { appId: 'wx451c01d40d090d7a', url: location.href.split('#').pop() }).then(result => {
+    wx.config({
+      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+      appId: 'wx451c01d40d090d7a', // 必填，公众号的唯一标识
+      timestamp: result.timestamp, // 必填，生成签名的时间戳
+      nonceStr: result.noncestr, // 必填，生成签名的随机串
+      signature: result.token, // 必填，签名
+      jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
     })
-    .then(result => {
-      wx.config({
-        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
-        appId: 'wx451c01d40d090d7a', // 必填，公众号的唯一标识
-        timestamp: result.timestamp, // 必填，生成签名的时间戳
-        nonceStr: result.noncestr, // 必填，生成签名的随机串
-        signature: result.token, // 必填，签名
-        jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填，需要使用的JS接口列表
-      })
 
-      wx.ready(() => {
-        wx.updateAppMessageShareData({
-          title: 'PRP私享星球', // 分享标题
-          desc: '玩转【PRP系统知识 】践行【有品牌的IP】', // 分享描述
-          link: location.href,
-          imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
-        })
+    wx.ready(() => {
+      wx.updateAppMessageShareData({
+        title: 'PRP私享星球', // 分享标题
+        desc: '玩转【PRP系统知识 】践行【有品牌的IP】', // 分享描述
+        link: location.href,
+        imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
+      })
 
-        wx.updateTimelineShareData({
-          title: 'PRP私享星球', // 分享标题
-          link: location.href,
-          imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
-        })
+      wx.updateTimelineShareData({
+        title: 'PRP私享星球', // 分享标题
+        link: location.href,
+        imgUrl: 'https://webapp-pub.ezijing.com/upload/admin/8348532dc17af54ed9d2279ca12b055a.png'
       })
     })
+  })
 }