🌈 style:

@@ -34,7 +34,6 @@
       </div>
     </div>
     <div class="date">{{ item.donate_date }}</div>
-    <!-- TODO: 编号需要联调 -->
     <div style="color: #713610; padding: 1rem 2rem; font-size: 0.9rem;">
       证书编号：{{ item.cert_code }}
     </div>

+<!--
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-31 22:09:58
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-01 20:56:20
+ * @FilePath: /tswj/src/components/DonateFlower/index.vue
+ * @Description: 捐花组件
+-->
 <template>
   <van-popup v-model:show="show" :close-on-click-overlay="false" round position="bottom" :style="{ height: popupHeight, zIndex: 3000 }">
     <div class="donate-wrapper">
@@ -20,7 +28,7 @@
         <van-row>
           <van-col span="12">&nbsp;花花数量 </van-col>
           <van-col span="12" style="text-align: right;">
-            <van-stepper v-model="donate_number" min="1" max="100" integer input-width="40px" button-size="32px" />
+            <van-stepper v-model="donate_number" min="1" integer input-width="40px" button-size="32px" />
           </van-col>
         </van-row>
       </div>

@@ -58,7 +58,6 @@
       <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无书籍信息" />
     </div>
     <div style="height: 5rem" />
-    <!-- TODO: 新需求：爱心助力捐钱弹框 -->
     <donate-bar :donate-type="donateType">爱心助力</donate-bar>
     <shortcut-fixed type="C" :item="shortcutItem" />
   </div>

 <template>
   <div class="video-detail-page">
-    <div @click="getUserInfo" class="detail-header">
+    <div class="detail-header" @click="getUserInfo">
       <van-row>
         <van-col span="4">
           <van-image v-if="videoInfo.avatar" round width="3rem" height="3rem" :src="videoInfo.avatar" />
@@ -14,22 +14,19 @@
     </div>
 
     <div class="video-player">
-      <video-detail :item="videoInfo" @on-click="onVideoDetail"></video-detail>
+      <video-detail :item="videoInfo" @on-click="onVideoDetail" />
     </div>
 
     <div class="video-main">
       <van-row>
         <van-col span="24" style="padding-top: 0.2rem;">
-          <van-tabs sticky v-model:active="active" @click-tab="onClickTab" color="#F9D95C" background="#F7F7F7"
-            title-active-color="#222222" title-inactive-color="#777777">
+          <van-tabs v-model:active="active" sticky color="#F9D95C" background="#F7F7F7" title-active-color="#222222" title-inactive-color="#777777" @click-tab="onClickTab">
             <van-tab title="简介" :title-style="tabClass">
               <div class="intro">{{ videoInfo.note }}</div>
-              <!-- TODO: 新需求：爱心助力捐钱弹框 -->
               <donate-bar donate-type="C">为TA助力</donate-bar>
             </van-tab>
-            <van-tab :title="'留言 ' + comment_num" :title-style="tabClass"
-              :to="'/client/videoDetail/comment?prod_id=' + $route.query.prod_id + '&book_id=' + $route.query.book_id">
-              <router-view></router-view>
+            <van-tab :title="'留言 ' + comment_num" :title-style="tabClass" :to="'/client/videoDetail/comment?prod_id=' + $route.query.prod_id + '&book_id=' + $route.query.book_id">
+              <router-view />
             </van-tab>
           </van-tabs>
         </van-col>
@@ -39,10 +36,10 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, watch } from 'vue'
-import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
+import { ref, onMounted, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
-import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, hasEllipsis } from '@/utils/generatePackage'
+import { axios, storeToRefs, mainStore, Toast } from '@/utils/generatePackage'
 import { VideoDetail, DonateBar } from '@/utils/generateModules'
 import { icon_avatar } from '@/utils/generateIcons'