Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
533ae635 1 parent 1ecbd2ac

style(feedBackList): 调整反馈列表页面的头部布局样式 

将状态显示移至左侧并与时间对齐，移除右侧重复的状态显示
Inline Side-by-side
Showing 2 changed files with 14 additions and 5 deletions
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-17 11:23:10 4 + * @LastEditTime: 2025-07-18 16:33:51
5 * @FilePath: /jgdl/src/pages/feedBackList/index.less 5 * @FilePath: /jgdl/src/pages/feedBackList/index.less
6 * @Description: 意见反馈列表页面样式 6 * @Description: 意见反馈列表页面样式
7 */ 7 */
...@@ -38,6 +38,12 @@ ...@@ -38,6 +38,12 @@
38 color: #999; 38 color: #999;
39 } 39 }
40 40
41 + .header-left {
42 + display: flex;
43 + align-items: center;
44 + gap: 12rpx;
45 + }
46 +
41 .header-right { 47 .header-right {
42 display: flex; 48 display: flex;
43 align-items: center; 49 align-items: center;
...@@ -268,4 +274,4 @@ ...@@ -268,4 +274,4 @@
268 } 274 }
269 } 275 }
270 } 276 }
271 -}
...\ No newline at end of file ...\ No newline at end of file
277 +}
......
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:27:29 4 + * @LastEditTime: 2025-07-18 16:33:26
5 * @FilePath: /jgdl/src/pages/feedBackList/index.vue 5 * @FilePath: /jgdl/src/pages/feedBackList/index.vue
6 * @Description: 意见反馈列表页面 6 * @Description: 意见反馈列表页面
7 --> 7 -->
...@@ -28,10 +28,13 @@ ...@@ -28,10 +28,13 @@
28 > 28 >
29 <!-- 卡片头部：时间、类型和状态 --> 29 <!-- 卡片头部：时间、类型和状态 -->
30 <view class="card-header"> 30 <view class="card-header">
31 - <view class="feedback-time">{{ item.created_time }}</view> 31 + <view class="header-left">
32 + <view class="feedback-time">{{ item.created_time }}</view>
33 + <view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view>
34 + </view>
32 <view class="header-right"> 35 <view class="header-right">
33 <view class="feedback-type">{{ getCategoryName(item.category) }}</view> 36 <view class="feedback-type">{{ getCategoryName(item.category) }}</view>
34 - <view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view> 37 + <!-- <view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view> -->
35 </view> 38 </view>
36 </view> 39 </view>
37 40
......