fix(feedBackList): 优化意见反馈页面样式和功能
更新导航栏标题为更简洁的"意见反馈" 禁用图片预览组件的循环浏览功能 优化图片预览样式,调整指示器和索引位置
Showing
3 changed files
with
31 additions
and
5 deletions
| 1 | +/* | ||
| 2 | + * @Date: 2025-07-17 11:22:41 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2025-07-21 11:32:11 | ||
| 5 | + * @FilePath: /jgdl/src/pages/feedBackList/index.config.js | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | + */ | ||
| 1 | export default { | 8 | export default { |
| 2 | - navigationBarTitleText: '意见反馈列表', | 9 | + navigationBarTitleText: '意见反馈', |
| 3 | usingComponents: { | 10 | usingComponents: { |
| 4 | }, | 11 | }, |
| 5 | } | 12 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-18 16:33:51 | 4 | + * @LastEditTime: 2025-07-21 11:36:19 |
| 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.less | 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.less |
| 6 | * @Description: 意见反馈列表页面样式 | 6 | * @Description: 意见反馈列表页面样式 |
| 7 | */ | 7 | */ |
| ... | @@ -59,11 +59,11 @@ | ... | @@ -59,11 +59,11 @@ |
| 59 | .feedback-status { | 59 | .feedback-status { |
| 60 | font-size: 22rpx; | 60 | font-size: 22rpx; |
| 61 | font-weight: 500; | 61 | font-weight: 500; |
| 62 | - | 62 | + |
| 63 | &.status-pending { | 63 | &.status-pending { |
| 64 | color: #d97706; | 64 | color: #d97706; |
| 65 | } | 65 | } |
| 66 | - | 66 | + |
| 67 | &.status-processed { | 67 | &.status-processed { |
| 68 | color: #059669; | 68 | color: #059669; |
| 69 | } | 69 | } |
| ... | @@ -266,3 +266,21 @@ | ... | @@ -266,3 +266,21 @@ |
| 266 | } | 266 | } |
| 267 | } | 267 | } |
| 268 | } | 268 | } |
| 269 | + | ||
| 270 | +// 图片预览样式优化 | ||
| 271 | +// :deep(.nut-image-preview) { | ||
| 272 | + .h5-img.nut-image-preview-img { | ||
| 273 | + max-height: calc(100vh - 200rpx) !important; | ||
| 274 | + object-fit: contain; | ||
| 275 | + } | ||
| 276 | + | ||
| 277 | + .nut-image-preview__indicator { | ||
| 278 | + bottom: 60rpx !important; | ||
| 279 | + z-index: 1001; | ||
| 280 | + } | ||
| 281 | + | ||
| 282 | + .nut-image-preview__index { | ||
| 283 | + bottom: 120rpx !important; | ||
| 284 | + z-index: 1001; | ||
| 285 | + } | ||
| 286 | +// } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-21 10:24:57 | 4 | + * @LastEditTime: 2025-07-21 11:25:10 |
| 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.vue | 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.vue |
| 6 | * @Description: 意见反馈列表页面 | 6 | * @Description: 意见反馈列表页面 |
| 7 | --> | 7 | --> |
| ... | @@ -105,6 +105,7 @@ | ... | @@ -105,6 +105,7 @@ |
| 105 | v-model:show="previewVisible" | 105 | v-model:show="previewVisible" |
| 106 | :images="previewImages" | 106 | :images="previewImages" |
| 107 | :init-no="previewIndex" | 107 | :init-no="previewIndex" |
| 108 | + :is-Loop="false" | ||
| 108 | @close="closePreview" | 109 | @close="closePreview" |
| 109 | /> | 110 | /> |
| 110 | </view> | 111 | </view> | ... | ... |
-
Please register or login to post a comment