|
|
@@ -32,17 +32,19 @@ const handleCreatePoster=async ()=>{
|
|
|
|
|
|
|
|
|
<template>
|
|
|
- <div class="share-poster-wrap">
|
|
|
+<Teleport to="body">
|
|
|
+ <div class="share-poster-wrap" @touchmove.prevent>
|
|
|
<img @click="handleCreatePoster" class="chart-icon" src="@/assets/hzyb/share-poster-chart-icon.png" alt="" v-if="props.shareData.type=='chart_detail'">
|
|
|
<img v-else @click="handleCreatePoster" :style="props.style" class="share-icon" src="@/assets/hzyb/share-poster-icon.png"/>
|
|
|
|
|
|
- <view class="poster-mask" v-if="show||showPoster" @click="showPoster=false"></view>
|
|
|
- <view class="loading-box" v-if="show">
|
|
|
+ <div class="poster-mask" v-if="show||showPoster" @click="showPoster=false" @touchmove.prevent></div>
|
|
|
+ <div class="loading-box" v-if="show">
|
|
|
<img class="load-img" src="@/assets/hzyb/loading.png"/>
|
|
|
- <view>海报生成中...</view>
|
|
|
- </view>
|
|
|
+ <div>海报生成中...</div>
|
|
|
+ </div>
|
|
|
<img v-if="showPoster" class="poster-img" :src="posterImg" show-menu-by-longpress />
|
|
|
</div>
|
|
|
+</Teleport>
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
