hookehuyr

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

将状态显示移至左侧并与时间对齐,移除右侧重复的状态显示
/*
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-17 11:23:10
* @LastEditTime: 2025-07-18 16:33:51
* @FilePath: /jgdl/src/pages/feedBackList/index.less
* @Description: 意见反馈列表页面样式
*/
......@@ -38,6 +38,12 @@
color: #999;
}
.header-left {
display: flex;
align-items: center;
gap: 12rpx;
}
.header-right {
display: flex;
align-items: center;
......@@ -268,4 +274,4 @@
}
}
}
}
\ No newline at end of file
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-18 16:27:29
* @LastEditTime: 2025-07-18 16:33:26
* @FilePath: /jgdl/src/pages/feedBackList/index.vue
* @Description: 意见反馈列表页面
-->
......@@ -28,10 +28,13 @@
>
<!-- 卡片头部:时间、类型和状态 -->
<view class="card-header">
<view class="feedback-time">{{ item.created_time }}</view>
<view class="header-left">
<view class="feedback-time">{{ item.created_time }}</view>
<view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view>
</view>
<view class="header-right">
<view class="feedback-type">{{ getCategoryName(item.category) }}</view>
<view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view>
<!-- <view class="feedback-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</view> -->
</view>
</view>
......