feat(share): add loading
This commit is contained in:
parent
2bc8ba5e3a
commit
6bf05d18cc
|
@ -127,14 +127,6 @@ export default {
|
|||
this.$emit('background-image-error', e)
|
||||
}
|
||||
},
|
||||
// 处理分享图片生成完成
|
||||
handleShareGenerated(dataUrl) {
|
||||
uni.showToast({
|
||||
title: '图片生成成功,请长按保存',
|
||||
icon: 'success',
|
||||
duration: 2000,
|
||||
})
|
||||
},
|
||||
|
||||
// 获取特殊场景背景图片
|
||||
async getBackgroundImage() {
|
||||
|
@ -251,7 +243,7 @@ export default {
|
|||
.then(canvas => {
|
||||
const dataUrl = canvas.toDataURL('image/jpeg', 1.0)
|
||||
uni.hideLoading()
|
||||
this.handleShareGenerated(dataUrl)
|
||||
// this.handleShareGenerated(dataUrl)
|
||||
this.$emit('share-generated', dataUrl)
|
||||
resolve()
|
||||
})
|
||||
|
@ -354,7 +346,7 @@ export default {
|
|||
const dataUrl = canvas.toDataURL('image/jpeg')
|
||||
|
||||
uni.hideLoading()
|
||||
this.handleShareGenerated(dataUrl)
|
||||
// this.handleShareGenerated(dataUrl)
|
||||
this.$emit('share-generated', dataUrl)
|
||||
resolve()
|
||||
} catch (err) {
|
||||
|
|
|
@ -20,7 +20,7 @@ module.exports = vm => {
|
|||
|
||||
//#ifdef DEV_SERVER
|
||||
console.log('DEV_SERVER')
|
||||
config.baseURL = 'http://192.168.0.86:8080'
|
||||
config.baseURL = 'http://t-app.beida777.com/prod-api'
|
||||
//#endif
|
||||
|
||||
//#ifdef QA_SERVER
|
||||
|
|
|
@ -31,14 +31,12 @@
|
|||
<view
|
||||
class="wechat-fullscreen-overlay"
|
||||
v-show="(isWechat || userInfo.sharePosterImage) && generatedImageUrl"
|
||||
@click="closeFullscreenImage"
|
||||
>
|
||||
<img
|
||||
class="fullscreen-image"
|
||||
:src="generatedImageUrl"
|
||||
width="100%"
|
||||
height="100%"
|
||||
@load="onGeneratedImageLoad"
|
||||
@click.stop=""
|
||||
/>
|
||||
</view>
|
||||
|
@ -90,6 +88,9 @@ export default {
|
|||
this.canvasHeight = res.windowHeight
|
||||
},
|
||||
})
|
||||
uni.showLoading({
|
||||
title: '加载中...',
|
||||
})
|
||||
},
|
||||
onReady() {
|
||||
// 短暂延迟后启用加载动画
|
||||
|
@ -146,6 +147,7 @@ export default {
|
|||
|
||||
// 处理分享图片生成完成
|
||||
handleShareGenerated(dataUrl) {
|
||||
uni.hideLoading()
|
||||
this.$nextTick(() => {
|
||||
this.sourceVisible = false
|
||||
})
|
||||
|
@ -172,17 +174,6 @@ export default {
|
|||
link.click()
|
||||
document.body.removeChild(link)
|
||||
},
|
||||
|
||||
// 生成的图片加载成功
|
||||
onGeneratedImageLoad() {
|
||||
console.log('生成的图片加载成功')
|
||||
},
|
||||
|
||||
// 关闭全屏图片
|
||||
closeFullscreenImage() {
|
||||
this.generatedImageUrl = ''
|
||||
console.log('关闭全屏图片')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue