让canvas在弹窗底部-第一次尝试-defeated

components/circle-progress/circle-progress.vue

@@ -11,11 +11,14 @@
     :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
     class="progress-container"
   >
-    <canvas
-      :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
-      canvas-id="progressCanvas"
-      class="progress-canvas"
-    ></canvas>
+    <cover-view z-index="0">
+      <canvas
+        :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
+        canvas-id="progressCanvas"
+        class="progress-canvas"
+      ></canvas>
+    </cover-view>
+
     <view class="progress-text">
       <text class="percent">{{ progress }}%</text>
       <text class="label">{{ content }}</text>
@@ -105,9 +108,12 @@ export default {
 <style scoped>
 .progress-container {
   position: relative;
+  z-index: 0;
 }
 
 .progress-canvas {
+  z-index: 0;
+  position: relative;
   border-radius: 50%;
   box-shadow: 0 8rpx 25rpx rgba(0, 0, 0, 0.1);
 }

pages/future/future.vue

@@ -754,6 +754,7 @@ button {
 .donation {
   background: #ffffff;
   padding: 32rpx;
+  z-index: 9999;
 }
 
 .title-row {

pages/institutionalStructure/donationRecord.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="page">
-    <custom-navbar title="捐款记录" />
+    <custom-navbar ref="customNavbar" title="捐款记录" />
     <tile-grid />
     <view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
       <view class="search-filter-row">
@@ -45,6 +45,7 @@
       height="880rpx"
       mode="bottom"
       width="750rpx"
+      z-index="9999"
     >
       <view class="filterBox">
         <view class="filterAll">全部筛选</view>