fix 捐赠协议优化

@@ -2,13 +2,12 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-06-02 11:23:16
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 19:27:06
+ * @LastEditTime: 2022-06-02 20:02:30
  * @FilePath: /tswj/src/components/DonateFlower/agreement.js
  * @Description: 
  */
 const str = '上海XX益基金会'
 const html = `
-<div style="padding: 1rem;">
   <div style="text-align: center; font-weight: bold; margin-bottom: 1rem; font-size: 1.25rem; color: #713610;">
     捐赠协议
   </div>
@@ -43,7 +42,6 @@ const html = `
   </div>
   </div>
   <div style="height: 5rem;"></div>
-</div>
 `
 
 export default html;

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-31 22:09:58
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 19:21:18
+ * @LastEditTime: 2022-06-02 20:04:23
  * @FilePath: /tswj/src/components/DonateFlower/index.vue
  * @Description: 捐花组件
 -->
@@ -79,13 +79,14 @@
       </div>
     </div>
   </van-popup>
-  <!-- TODO: 正式文案需要更新 -->
+  <div class="popup-wrapper">
     <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }">
-    <div v-html="agreementHtml"></div>
+      <div class="agreementHtml" v-html="agreementHtml"></div>
       <div class="bottom-btn" @click="closeDA">
         <div class="text">关闭</div>
       </div>
     </van-popup>
+  </div>
 </template>
 
 <script setup>
@@ -301,4 +302,9 @@ const closeDA = () => {
   }
 }
 
+.popup-wrapper {
+  .agreementHtml {
+    padding: 1rem;
+  }
+}
 </style>