@@ -9,10 +9,10 @@ Page({ | |||
current: "/feedback/my", | |||
params: {}, | |||
statusList: [ | |||
{title: '待处理', color: '#F34747'}, | |||
{title: '待处理', color: '#F34747'}, | |||
{title: '已处理', color: '#2a82e4'}, | |||
{title: '已处理', color: '#2a82e4'} | |||
{title: '未处理', color: '#EBAC14'}, | |||
{title: '未处理', color: '#EBAC14'}, | |||
{title: '已处理', color: '#006DF7'}, | |||
{title: '已处理', color: '#006DF7'} | |||
] | |||
}, | |||
@@ -3,5 +3,6 @@ | |||
"list": "../../../components/List/index", | |||
"feedback-info": "../../../components/feedbackInfo/index" | |||
}, | |||
"navigationBarTitleText": "我的反馈" | |||
"navigationBarTitleText": "河湖问题反馈", | |||
"navigationBarBackgroundColor": "#F4F7FB" | |||
} |
@@ -3,12 +3,13 @@ | |||
<list id="list" class="feedback_list" url="{{current}}" bind:update-list="updateList" list="{{list}}" bind:reset-list="resetList" params="{{params}}"> | |||
<view class="feedback_item" data-item="{{item}}" bindtap="showDetail" wx:for="{{list}}" wx:key="index"> | |||
<view class="info_head"> | |||
<text class="item_value" style="color: {{statusList[item.status-1].color}}">{{statusList[item.status-1].title}}</text> | |||
</view> | |||
<view class="feedback_info"> | |||
<image class="feedback_img" src="{{item.feedbackCover}}"></image> | |||
<feedback-info class="info_box" dataSource="{{item}}"></feedback-info> | |||
<view class="river_info"> | |||
<text style="font-size: 32rpx; color:#2D2D2D;font-weight: bold; font-family: SourceHanSansCN-Medium;">{{item.streamName}}</text> | |||
<text style="font-size: 26rpx; color: #979798;margin-top: 10rpx;">{{item.createTime}}</text> | |||
</view> | |||
<view class="item_status" style="background-color: {{statusList[item.status-1].color}};">{{statusList[item.status-1].title}}</view> | |||
</view> | |||
<view class="item_content">{{item.feedbackDesc}}</view> | |||
</view> | |||
</list> |
@@ -2,11 +2,12 @@ | |||
.protect_container { | |||
width: 100%; | |||
height: 100vh; | |||
padding: 30rpx; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
align-items: center; | |||
background-color: #F3F4F5; | |||
background-color: #F4F7FB; | |||
color: #333333; | |||
} | |||
.feedback_list { | |||
@@ -15,29 +16,47 @@ | |||
} | |||
.feedback_item { | |||
width: 100%; | |||
padding: 24rpx; | |||
margin-top: 18rpx; | |||
padding: 30rpx 24rpx 24rpx 24rpx; | |||
margin-bottom: 20rpx; | |||
background-color: #ffffff; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
align-items: flex-end; | |||
border-radius: 8rpx; | |||
} | |||
.info_head { | |||
font-size: 22rpx; | |||
width: 100%; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: flex-start; | |||
} | |||
.feedback_info { | |||
width: 100%; | |||
.river_info { | |||
display: flex; | |||
justify-content: space-between; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
align-items: flex-start; | |||
} | |||
.feedback_img { | |||
width: 180rpx; | |||
height: 150rpx; | |||
margin-right: 30rpx; | |||
.item_status { | |||
padding: 10rpx 15rpx; | |||
font-size: 24rpx; | |||
color: #ffffff; | |||
border-radius: 4rpx; | |||
} | |||
.info_box { | |||
flex: 1; | |||
} | |||
.item_content { | |||
width: 100%; | |||
height: 190rpx; | |||
background-color:#F6F6F6; | |||
margin-top: 20rpx; | |||
padding: 30rpx 20rpx; | |||
font-size: 28rpx; | |||
color: #8C8C8C; | |||
line-height: 50rpx; | |||
display: -webkit-box; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
word-wrap: break-word; | |||
white-space: normal !important; | |||
-webkit-line-clamp: 3; | |||
-webkit-box-orient: vertical; | |||
} |