fix(IndexCheckInPage): 修复进度条溢出问题并移除多余样式
移除grade-percentage-main中的overflow: hidden样式 为进度条添加外层div防止溢出
Showing
1 changed file
with
4 additions
and
3 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2025-05-29 15:34:17 | 2 | * @Date: 2025-05-29 15:34:17 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-06-15 22:27:42 | 4 | + * @LastEditTime: 2025-06-15 22:47:49 |
| 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue | 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -26,7 +26,9 @@ | ... | @@ -26,7 +26,9 @@ |
| 26 | <span style="font-weight: bold;">{{ progress1 }}%</span> | 26 | <span style="font-weight: bold;">{{ progress1 }}%</span> |
| 27 | </van-col> | 27 | </van-col> |
| 28 | </van-row> | 28 | </van-row> |
| 29 | - <van-progress :percentage="progress1" color="#4caf50" :show-pivot="false" /> | 29 | + <div style="overflow: hidden;"> |
| 30 | + <van-progress :percentage="progress1" color="#4caf50" :show-pivot="false" /> | ||
| 31 | + </div> | ||
| 30 | </div> | 32 | </div> |
| 31 | <!-- <div class="class-percentage-main"> | 33 | <!-- <div class="class-percentage-main"> |
| 32 | <van-row justify="space-between" style="margin: 0.5rem 0; font-size: 0.9rem;"> | 34 | <van-row justify="space-between" style="margin: 0.5rem 0; font-size: 0.9rem;"> |
| ... | @@ -712,7 +714,6 @@ const formatData = (data) => { | ... | @@ -712,7 +714,6 @@ const formatData = (data) => { |
| 712 | 714 | ||
| 713 | .grade-percentage-main { | 715 | .grade-percentage-main { |
| 714 | padding: 0.75rem 1rem; | 716 | padding: 0.75rem 1rem; |
| 715 | - overflow: hidden; | ||
| 716 | } | 717 | } |
| 717 | 718 | ||
| 718 | .class-percentage-main { | 719 | .class-percentage-main { | ... | ... |
-
Please register or login to post a comment