WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

使用v-show解决canvas最高层级影响弹窗显示问题

Browse Source
This commit is contained in:
WindowBird 2025-09-22 14:37:17 +08:00
parent d03ed00794
commit ca8c67be91
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/circle-progress/circle-progress.vue
View File

@ -11,13 +11,11 @@
:style="{ width: canvasSize + 'px', height: canvasSize + 'px' }" :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
class="progress-container" class="progress-container"
> >
<cover-view z-index="0"> <canvas
<canvas :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
:style="{ width: canvasSize + 'px', height: canvasSize + 'px' }" canvas-id="progressCanvas"
canvas-id="progressCanvas" class="progress-canvas"
class="progress-canvas" ></canvas>
></canvas>
</cover-view>
<view class="progress-text"> <view class="progress-text">
<text class="percent">{{ progress }}%</text> <text class="percent">{{ progress }}%</text>

3
pages/future/future.vue
View File

@ -21,7 +21,7 @@
<view class="donorContainer"> <view class="donorContainer">
<text>项目筹款情况</text> <text>项目筹款情况</text>
<view class="donorData"> <view class="donorData">
<view class="CircleProgress"> <view v-show="!show" class="CircleProgress">
<circle-progress <circle-progress
:canvas-size="65" :canvas-size="65"
:progress="getProgressPercentage" :progress="getProgressPercentage"
@ -88,6 +88,7 @@
<button v-if="projectDetails.state === '2'" @click="handleDonate"> <button v-if="projectDetails.state === '2'" @click="handleDonate">
捐一笔 捐一笔
</button> </button>
<u-popup v-model="show" border-radius="30" height="614rpx" mode="bottom"> <u-popup v-model="show" border-radius="30" height="614rpx" mode="bottom">
<view class="donation"> <view class="donation">
<view class="title-row"> <view class="title-row">