feat(UI): 添加返回顶部按钮并调整评论图标样式
在IndexCheckInPage页面添加返回顶部按钮并设置样式 在studentPage页面调整评论图标大小和边距
Showing
2 changed files
with
9 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-24 17:13:18 | 4 | + * @LastEditTime: 2025-06-24 17:25:52 |
| 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue | 5 | * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | --> | 7 | --> |
| ... | @@ -155,6 +155,7 @@ | ... | @@ -155,6 +155,7 @@ |
| 155 | </div> | 155 | </div> |
| 156 | </van-list> | 156 | </van-list> |
| 157 | <van-empty v-else description="暂无数据" /> | 157 | <van-empty v-else description="暂无数据" /> |
| 158 | + <van-back-top right="5vw" bottom="10vh" /> | ||
| 158 | </div> | 159 | </div> |
| 159 | 160 | ||
| 160 | <div style="height: 5rem;"></div> | 161 | <div style="height: 5rem;"></div> |
| ... | @@ -707,6 +708,10 @@ const formatData = (data) => { | ... | @@ -707,6 +708,10 @@ const formatData = (data) => { |
| 707 | </script> | 708 | </script> |
| 708 | 709 | ||
| 709 | <style lang="less"> | 710 | <style lang="less"> |
| 711 | +.van-back-top { | ||
| 712 | + background-color: #4caf50; | ||
| 713 | +} | ||
| 714 | + | ||
| 710 | .calendar-selected { | 715 | .calendar-selected { |
| 711 | .van-calendar__selected-day { | 716 | .van-calendar__selected-day { |
| 712 | background: #4caf50 !important; | 717 | background: #4caf50 !important; | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | * @Author: hookehuyr hookehuyr@gmail.com | 2 | * @Author: hookehuyr hookehuyr@gmail.com |
| 3 | * @Date: 2025-06-19 17:12:19 | 3 | * @Date: 2025-06-19 17:12:19 |
| 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 4 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 5 | - * @LastEditTime: 2025-06-23 14:08:43 | 5 | + * @LastEditTime: 2025-06-24 17:23:46 |
| 6 | * @FilePath: /mlaj/src/views/teacher/studentPage.vue | 6 | * @FilePath: /mlaj/src/views/teacher/studentPage.vue |
| 7 | * @Description: 学生详情页面 | 7 | * @Description: 学生详情页面 |
| 8 | --> | 8 | --> |
| ... | @@ -249,8 +249,9 @@ | ... | @@ -249,8 +249,9 @@ |
| 249 | <van-icon | 249 | <van-icon |
| 250 | name="comment-o" | 250 | name="comment-o" |
| 251 | :color="post.is_commented ? '#10b981' : '#999'" | 251 | :color="post.is_commented ? '#10b981' : '#999'" |
| 252 | - size="18" | 252 | + size="19" |
| 253 | class="mr-1" | 253 | class="mr-1" |
| 254 | + style="margin-top: 0.2rem;" | ||
| 254 | /> | 255 | /> |
| 255 | <span class="text-sm" :class="post.is_commented ? 'text-green-600' : 'text-gray-500'"> | 256 | <span class="text-sm" :class="post.is_commented ? 'text-green-600' : 'text-gray-500'"> |
| 256 | {{ post.is_commented ? '已点评' : '点评' }} | 257 | {{ post.is_commented ? '已点评' : '点评' }} | ... | ... |
-
Please register or login to post a comment