|
|
@@ -124,7 +124,8 @@
|
|
|
长按图片可下载、收藏、转发
|
|
|
<!-- <img :src="require('@/assets/shareTips.png')" alt="" /> -->
|
|
|
</div>
|
|
|
- <div class="closeShare" @click="closeShare"><van-icon name="close" /></div>
|
|
|
+ <!-- <div class="closeShare" @click="closeShare"><van-icon name="close" /></div> -->
|
|
|
+ <div class="closeShare" @click="closeShare">【返回】</div>
|
|
|
</div>
|
|
|
<img :src="canvasImageUrl" width="100%" class="canvasImage" />
|
|
|
</div>
|
|
|
@@ -278,11 +279,14 @@ export default {
|
|
|
img.onload = () => {
|
|
|
const canvasImage = this.$refs.html2canvas.querySelector('.canvasImage');
|
|
|
const scrollContainer = this.$refs.html2canvas.querySelector('.scroll-container');
|
|
|
+ const shareHeader = this.$refs.html2canvas.querySelector('.shareHeader');
|
|
|
console.log(scrollContainer.style);
|
|
|
if (canvasImage.height < window.innerHeight) {
|
|
|
scrollContainer.style.alignItems = 'center';
|
|
|
+ shareHeader.style.position = 'absolute';
|
|
|
} else {
|
|
|
scrollContainer.style.alignItems = 'start';
|
|
|
+ shareHeader.style.position = 'fixed';
|
|
|
}
|
|
|
this.$forceUpdate();
|
|
|
// // 根据图片实际高度设置容器高度（增加20px缓冲）
|
|
|
@@ -562,6 +566,7 @@ export default {
|
|
|
// right: 10px;
|
|
|
// top: 10px;
|
|
|
color: #fff;
|
|
|
+ font-size: vw(30);
|
|
|
.van-icon {
|
|
|
font-size: vw(40);
|
|
|
}
|
|
|
@@ -571,7 +576,7 @@ export default {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
color: #f8f8fa;
|
|
|
- width: 90%;
|
|
|
+ width: 78%;
|
|
|
// flex: 1;
|
|
|
margin-right: 10px;
|
|
|
background: rgba(157, 157, 188, 0.8);
|
