添加捐款相关UI

src/pages/point-book.vue

@@ -6,6 +6,8 @@ import PointRecord from "@/components/PointRecord.vue";
 import RingBarChart from "@/components/RingBarChart.vue";
 import SModal from "@/components/SModal.vue";
 import Signin from "@/components/Signin.vue";
+import ScreenHint2 from "@/components/ScreenHint2.vue";
+import RewardUs from "@/components/RewardUs.vue";
 
 import {
   getHomeData,
@@ -28,6 +30,7 @@ const isIOS = computed(() => {
 });
 
 const showModal = ref(false);
+const showTip = ref(false);
 const data = ref({
   yellowRate: 0,
   weeksCheckIn: [],
@@ -269,11 +272,11 @@ onShareTimeline(() => {
         />
         <canvas canvas-id="heatMapCanvas" style="width: 100%; height: 100%" />
       </view>
-      <!-- <view class="reward">
-        <button hover-class="none">
+      <view class="reward">
+        <button hover-class="none" @click="showTip = true">
           <image src="../static/reward-us.png" mode="widthFix" />
         </button>
-      </view> -->
+      </view>
       <RingBarChart :data="data.ringRate" />
       <view class="title">
         <image src="../static/point-book-title2.png" mode="widthFix" />
@@ -294,6 +297,9 @@ onShareTimeline(() => {
     <SModal :show="showModal" :onClose="() => (showModal = false)" :noBg="true">
       <Signin :onClose="() => (showModal = false)" :noBg="true" />
     </SModal>
+    <ScreenHint2 :show="showTip" :onClose="() => (showTip = false)">
+      <RewardUs />
+    </ScreenHint2>
   </Container>
 </template>
 
@@ -417,6 +423,8 @@ onShareTimeline(() => {
   display: flex;
   justify-content: flex-end;
   margin-top: -100rpx;
+  position: relative;
+  z-index: 10;
 }
 .reward > button {
   width: 100rpx;