|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="share" :style="{ 'z-index': zIndex }">
|
|
|
- <div class="share-content" ref="shareContent">
|
|
|
+ <!-- canvasImageUrl canvase 渲染成功后删除原始元素，避免当前页面元素太多出现卡顿 -->
|
|
|
+ <div class="share-content" ref="shareContent" v-if="!canvasImageUrl">
|
|
|
<div class="header">
|
|
|
<div class="left-icon">
|
|
|
<img :src="require('@/assets/shareLeft.png')" />
|
|
|
@@ -77,10 +78,10 @@
|
|
|
alt=""
|
|
|
style="display: block" />
|
|
|
</template>
|
|
|
- <!-- <template v-for="item in photosData">
|
|
|
+ <!-- <template v-for="item in urlList">
|
|
|
<img
|
|
|
- :src="'data:image/jpg;base64,' + item"
|
|
|
- crossorigin="anonymous"
|
|
|
+ :src="item + '&' + new Date().getTime()"
|
|
|
+ crossOrigin="anonymous"
|
|
|
referrerpolicy="no-referrer"
|
|
|
alt=""
|
|
|
style="display: block" />
|
|
|
@@ -225,10 +226,10 @@ export default {
|
|
|
allowTaint: false,
|
|
|
backgroundColor: null,
|
|
|
logging: false, // 关闭日志提升性能
|
|
|
- onclone: (clonedDoc) => {
|
|
|
- // 确保克隆的DOM保持原始样式
|
|
|
- clonedDoc.getElementById('html2canvas').style.overflow = 'auto';
|
|
|
- },
|
|
|
+ // onclone: (clonedDoc) => {
|
|
|
+ // // 确保克隆的DOM保持原始样式
|
|
|
+ // clonedDoc.getElementById('html2canvas').style.overflow = 'auto';
|
|
|
+ // },
|
|
|
})
|
|
|
.then((canvas) => {
|
|
|
this.toastLoading().clear();
|
|
|
@@ -322,7 +323,7 @@ export default {
|
|
|
top: 0;
|
|
|
|
|
|
.share-content {
|
|
|
- background: url('../assets/shareBack.png') no-repeat center center;
|
|
|
+ background: url('../assets/shareBack.webp') no-repeat center center;
|
|
|
background-size: cover;
|
|
|
background-attachment: local;
|
|
|
width: 100%;
|
