'fix'

src/components/sharePic.vue

@@ -118,10 +118,8 @@
     <div
       class="skuName"
       style="height: 132px;margin: 28px 0 42px;font-size: 44px;line-height: 62px;"
-    >
-      <!-- 商品名称 -->
-      {{ sharePicData.skuName }}
-    </div>
+      v-html="skuName"
+    />
     <div class="shareInfo" style="height: 318px;border-radius: 24px;padding: 0 48px;">
       <!-- 底部分享信息 -->
       <div class="qrcode" style="width: 353px;height: 278px;padding: 0 75px 0 0;">
@@ -148,7 +146,8 @@ export default {
       openGroupCnt: 7,
       maxCount: 0,
       sharePicData: {},
-      endTime: ''
+      endTime: '',
+      skuName: '' // 兼容safari做的特殊处理，每个文字都加一个span标签
     };
   },
   methods: {
@@ -190,6 +189,12 @@ export default {
       this.qrcodeUrl = qrcodeUrl;
       const [res] = await qiNiuApi.getQiniuToken();
       const token = res.token;
+      let skuName = '';
+      const originSkuName = sharePicData.skuName || '';
+      for (let i = 0; i < originSkuName.length; i++) {
+        skuName += `<span>${originSkuName[i]}</span>`;
+      }
+      this.skuName = skuName;
       this.$nextTick(() => {
         html2canvas(this.$refs.sharePic, {
           width: 1080,