feat(share): add loading

This commit is contained in:
woody 2025-07-15 10:34:28 +08:00
parent 42d6829f5e
commit fa0b1ff188
3 changed files with 7 additions and 24 deletions

View File

@ -127,14 +127,6 @@ export default {
this.$emit('background-image-error', e) this.$emit('background-image-error', e)
} }
}, },
//
handleShareGenerated(dataUrl) {
uni.showToast({
title: '图片生成成功,请长按保存',
icon: 'success',
duration: 2000,
})
},
// //
async getBackgroundImage() { async getBackgroundImage() {
@ -251,7 +243,7 @@ export default {
.then(canvas => { .then(canvas => {
const dataUrl = canvas.toDataURL('image/jpeg', 1.0) const dataUrl = canvas.toDataURL('image/jpeg', 1.0)
uni.hideLoading() uni.hideLoading()
this.handleShareGenerated(dataUrl) // this.handleShareGenerated(dataUrl)
this.$emit('share-generated', dataUrl) this.$emit('share-generated', dataUrl)
resolve() resolve()
}) })
@ -354,7 +346,7 @@ export default {
const dataUrl = canvas.toDataURL('image/jpeg') const dataUrl = canvas.toDataURL('image/jpeg')
uni.hideLoading() uni.hideLoading()
this.handleShareGenerated(dataUrl) // this.handleShareGenerated(dataUrl)
this.$emit('share-generated', dataUrl) this.$emit('share-generated', dataUrl)
resolve() resolve()
} catch (err) { } catch (err) {

View File

@ -20,7 +20,7 @@ module.exports = vm => {
//#ifdef DEV_SERVER //#ifdef DEV_SERVER
console.log('DEV_SERVER') console.log('DEV_SERVER')
config.baseURL = 'http://192.168.0.86:8080' config.baseURL = 'http://t-app.beida777.com/prod-api'
//#endif //#endif
//#ifdef QA_SERVER //#ifdef QA_SERVER

View File

@ -31,14 +31,12 @@
<view <view
class="wechat-fullscreen-overlay" class="wechat-fullscreen-overlay"
v-show="(isWechat || userInfo.sharePosterImage) && generatedImageUrl" v-show="(isWechat || userInfo.sharePosterImage) && generatedImageUrl"
@click="closeFullscreenImage"
> >
<img <img
class="fullscreen-image" class="fullscreen-image"
:src="generatedImageUrl" :src="generatedImageUrl"
width="100%" width="100%"
height="100%" height="100%"
@load="onGeneratedImageLoad"
@click.stop="" @click.stop=""
/> />
</view> </view>
@ -90,6 +88,9 @@ export default {
this.canvasHeight = res.windowHeight this.canvasHeight = res.windowHeight
}, },
}) })
uni.showLoading({
title: '加载中...',
})
}, },
onReady() { onReady() {
// //
@ -146,6 +147,7 @@ export default {
// //
handleShareGenerated(dataUrl) { handleShareGenerated(dataUrl) {
uni.hideLoading()
this.$nextTick(() => { this.$nextTick(() => {
this.sourceVisible = false this.sourceVisible = false
}) })
@ -172,17 +174,6 @@ export default {
link.click() link.click()
document.body.removeChild(link) document.body.removeChild(link)
}, },
//
onGeneratedImageLoad() {
console.log('生成的图片加载成功')
},
//
closeFullscreenImage() {
this.generatedImageUrl = ''
console.log('关闭全屏图片')
},
}, },
} }
</script> </script>