Showing
2 changed files
with
10 additions
and
6 deletions
| ... | @@ -2,13 +2,12 @@ | ... | @@ -2,13 +2,12 @@ |
| 2 | * @Author: hookehuyr hookehuyr@gmail.com | 2 | * @Author: hookehuyr hookehuyr@gmail.com |
| 3 | * @Date: 2022-06-02 11:23:16 | 3 | * @Date: 2022-06-02 11:23:16 |
| 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 5 | - * @LastEditTime: 2022-06-02 19:27:06 | 5 | + * @LastEditTime: 2022-06-02 20:02:30 |
| 6 | * @FilePath: /tswj/src/components/DonateFlower/agreement.js | 6 | * @FilePath: /tswj/src/components/DonateFlower/agreement.js |
| 7 | * @Description: | 7 | * @Description: |
| 8 | */ | 8 | */ |
| 9 | const str = '上海XX益基金会' | 9 | const str = '上海XX益基金会' |
| 10 | const html = ` | 10 | const html = ` |
| 11 | -<div style="padding: 1rem;"> | ||
| 12 | <div style="text-align: center; font-weight: bold; margin-bottom: 1rem; font-size: 1.25rem; color: #713610;"> | 11 | <div style="text-align: center; font-weight: bold; margin-bottom: 1rem; font-size: 1.25rem; color: #713610;"> |
| 13 | 捐赠协议 | 12 | 捐赠协议 |
| 14 | </div> | 13 | </div> |
| ... | @@ -43,7 +42,6 @@ const html = ` | ... | @@ -43,7 +42,6 @@ const html = ` |
| 43 | </div> | 42 | </div> |
| 44 | </div> | 43 | </div> |
| 45 | <div style="height: 5rem;"></div> | 44 | <div style="height: 5rem;"></div> |
| 46 | -</div> | ||
| 47 | ` | 45 | ` |
| 48 | 46 | ||
| 49 | export default html; | 47 | export default html; | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | * @Author: hookehuyr hookehuyr@gmail.com | 2 | * @Author: hookehuyr hookehuyr@gmail.com |
| 3 | * @Date: 2022-05-31 22:09:58 | 3 | * @Date: 2022-05-31 22:09:58 |
| 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 5 | - * @LastEditTime: 2022-06-02 19:21:18 | 5 | + * @LastEditTime: 2022-06-02 20:04:23 |
| 6 | * @FilePath: /tswj/src/components/DonateFlower/index.vue | 6 | * @FilePath: /tswj/src/components/DonateFlower/index.vue |
| 7 | * @Description: 捐花组件 | 7 | * @Description: 捐花组件 |
| 8 | --> | 8 | --> |
| ... | @@ -79,13 +79,14 @@ | ... | @@ -79,13 +79,14 @@ |
| 79 | </div> | 79 | </div> |
| 80 | </div> | 80 | </div> |
| 81 | </van-popup> | 81 | </van-popup> |
| 82 | - <!-- TODO: 正式文案需要更新 --> | 82 | + <div class="popup-wrapper"> |
| 83 | <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }"> | 83 | <van-popup v-model:show="showDA" position="bottom" :style="{ height: '100%', zIndex: 4000 }"> |
| 84 | - <div v-html="agreementHtml"></div> | 84 | + <div class="agreementHtml" v-html="agreementHtml"></div> |
| 85 | <div class="bottom-btn" @click="closeDA"> | 85 | <div class="bottom-btn" @click="closeDA"> |
| 86 | <div class="text">关闭</div> | 86 | <div class="text">关闭</div> |
| 87 | </div> | 87 | </div> |
| 88 | </van-popup> | 88 | </van-popup> |
| 89 | + </div> | ||
| 89 | </template> | 90 | </template> |
| 90 | 91 | ||
| 91 | <script setup> | 92 | <script setup> |
| ... | @@ -301,4 +302,9 @@ const closeDA = () => { | ... | @@ -301,4 +302,9 @@ const closeDA = () => { |
| 301 | } | 302 | } |
| 302 | } | 303 | } |
| 303 | 304 | ||
| 305 | +.popup-wrapper { | ||
| 306 | + .agreementHtml { | ||
| 307 | + padding: 1rem; | ||
| 308 | + } | ||
| 309 | +} | ||
| 304 | </style> | 310 | </style> | ... | ... |
-
Please register or login to post a comment