style(feedBackList): 优化反馈列表页面的样式
移除反馈类型和状态的多余背景和边框样式 简化颜色和字体大小设置
Showing
2 changed files
with
5 additions
and
14 deletions
| ... | @@ -51,30 +51,21 @@ | ... | @@ -51,30 +51,21 @@ |
| 51 | } | 51 | } |
| 52 | 52 | ||
| 53 | .feedback-type { | 53 | .feedback-type { |
| 54 | - background: #fb923c; | 54 | + font-size: 24rpx; |
| 55 | - color: #fff; | 55 | + color: #6b7280; |
| 56 | - padding: 8rpx 16rpx; | 56 | + font-weight: 400; |
| 57 | - border-radius: 20rpx; | ||
| 58 | - font-size: 22rpx; | ||
| 59 | - font-weight: 500; | ||
| 60 | } | 57 | } |
| 61 | 58 | ||
| 62 | .feedback-status { | 59 | .feedback-status { |
| 63 | - padding: 6rpx 12rpx; | 60 | + font-size: 22rpx; |
| 64 | - border-radius: 16rpx; | ||
| 65 | - font-size: 20rpx; | ||
| 66 | font-weight: 500; | 61 | font-weight: 500; |
| 67 | 62 | ||
| 68 | &.status-pending { | 63 | &.status-pending { |
| 69 | - background: #fef3c7; | ||
| 70 | color: #d97706; | 64 | color: #d97706; |
| 71 | - border: 1rpx solid #fbbf24; | ||
| 72 | } | 65 | } |
| 73 | 66 | ||
| 74 | &.status-processed { | 67 | &.status-processed { |
| 75 | - background: #d1fae5; | ||
| 76 | color: #059669; | 68 | color: #059669; |
| 77 | - border: 1rpx solid #34d399; | ||
| 78 | } | 69 | } |
| 79 | } | 70 | } |
| 80 | } | 71 | } | ... | ... |
| 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:26 | 4 | + * @LastEditTime: 2025-07-18 16:56:26 |
| 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.vue | 5 | * @FilePath: /jgdl/src/pages/feedBackList/index.vue |
| 6 | * @Description: 意见反馈列表页面 | 6 | * @Description: 意见反馈列表页面 |
| 7 | --> | 7 | --> | ... | ... |
-
Please register or login to post a comment