mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 11:59:37 +08:00
描述:投诉建议
This commit is contained in:
SelfRidicule
parent
0849bb26f5
commit
3066172f37
@ -25,9 +25,9 @@
|
||||
<text>建议时间：</text>
|
||||
<text>{{item.createTime}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>描述：</text>
|
||||
<text>{{item.content}}</text>
|
||||
<view class="itemView">
|
||||
<view>描述：</view>
|
||||
<view class="content">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -48,9 +48,9 @@
|
||||
<text>建议时间：</text>
|
||||
<text>{{item.createTime}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>描述：</text>
|
||||
<text>{{item.content}}</text>
|
||||
<view class="itemView">
|
||||
<view>描述：</view>
|
||||
<view class="content">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -71,9 +71,9 @@
|
||||
<text>建议时间：</text>
|
||||
<text>{{item.createTime}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>描述：</text>
|
||||
<text>{{item.content}}</text>
|
||||
<view class="itemView">
|
||||
<view>描述：</view>
|
||||
<view class="content">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -94,9 +94,9 @@
|
||||
<text>建议时间：</text>
|
||||
<text>{{item.createTime}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>描述：</text>
|
||||
<text>{{item.content}}</text>
|
||||
<view class="itemView">
|
||||
<view>描述：</view>
|
||||
<view class="content">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
@ -3,12 +3,14 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.next {
|
||||
margin-left: 5%;
|
||||
width: 90% !important;
|
||||
position: fixed;
|
||||
bottom: 4%;
|
||||
}
|
||||
|
||||
.swiper-tab {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
@ -60,3 +62,17 @@ scroll-view {
|
||||
bottom: 6%;
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
.itemView {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.itemView .content {
|
||||
flex: 1;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@ -19,7 +19,7 @@ Page({
|
||||
console.log(img)
|
||||
that.setData({
|
||||
repairList: res.data[0],
|
||||
imgUrl: img
|
||||
imgList: img
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
@ -1,26 +1,9 @@
|
||||
<scroll-view scroll-y="true">
|
||||
<view class='weui-cell-third'>
|
||||
<view style="background: white;font-size: 32rpx;padding: 4%">
|
||||
<text style="font-size:30rpx;color:black;">建议单号：</text>
|
||||
<text style="font-size:30rpx;color:black;">{{repairList.sn}}</text>
|
||||
<view class="containerView public">
|
||||
<view class="caseView">建议单号：{{repairList.sn}}</view>
|
||||
<view class="timeView">建议时间：{{repairList.createTime}}</view>
|
||||
<view class="timeView">上传图片</view>
|
||||
<view class="imgView">
|
||||
<image class="img" src="{{item}}" wx:for="{{imgList}}" wx:key='index' mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="wecentBor">
|
||||
<view class='weui-cell-list'>
|
||||
<view class='weui-cell-line'>
|
||||
<view class='weui-cell-circle'>
|
||||
<view></view>
|
||||
<view class="msgView">描述：{{repairList.content}}</view>
|
||||
</view>
|
||||
<view class='weui-cell-time' style="padding-left:40rpx;">{{repairList.createTime}}</view>
|
||||
<view class='weui-cell-event' style="padding-left:30rpx;margin-top: 20rpx;">
|
||||
<block wx:for="{{imgUrl}}" wx:key='index'>
|
||||
<view style="width:300rpx;height: 200rpx">
|
||||
<image src="/images/apply02.png" mode="widthFix" style="width:100%"></image>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class='weui-cell-event' style="padding-top: 10rpx;">{{repairList.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@ -1,187 +1,24 @@
|
||||
.page {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
|
||||
.next {
|
||||
width: 100% !important;
|
||||
height: 100rpx !important;
|
||||
line-height: 100rpx !important;
|
||||
position: fixed;
|
||||
bottom: 18rpx;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.swiper-tab {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
border-bottom: 2rpx solid #ccc;
|
||||
text-align: center;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
swiper {
|
||||
width: 100%;
|
||||
height: 94%;
|
||||
}
|
||||
|
||||
scroll-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
|
||||
.swiper-tab-item {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
color: #4A4A4A;
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #4C84FF;
|
||||
border-bottom: 4rpx solid #4C84FF;
|
||||
}
|
||||
|
||||
.contenBox {
|
||||
background-color: white;
|
||||
padding: 2% 4%;
|
||||
margin-top: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.evaluate {
|
||||
border: 1rpx solid #4C84FF;
|
||||
color: #4C84FF;
|
||||
width: 140rpx;
|
||||
height: 64rpx;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
border-radius: 8rpx;
|
||||
position: absolute;
|
||||
bottom: 6%;
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
.padding2 {
|
||||
border-radius: 20rpx;
|
||||
background-color: white;
|
||||
padding: 6% 4%;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 31%;
|
||||
padding: 4rpx;
|
||||
height: 200rpx !important;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.weui-cell-third {
|
||||
min-height: 100%;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.page__title {
|
||||
.containerView.public {
|
||||
padding: 30rpx;
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.page__title>view:first-child {
|
||||
text-align: center;
|
||||
font-size: 35rpx;
|
||||
color: #2fb69d;
|
||||
font-weight: 700;
|
||||
.caseView,
|
||||
.timeView,
|
||||
.msgView {
|
||||
font-size: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.page__title>view:last-child {
|
||||
.imgView {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 30rpx;
|
||||
color: #999999;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.weui-cell-list {
|
||||
padding: 0 30rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wecentBor {
|
||||
padding-top: 40rpx;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.weui-cell-line {
|
||||
margin-left: 5px;
|
||||
float: left;
|
||||
border-left: 1px solid #959595;
|
||||
min-height: 100rpx;
|
||||
margin-bottom: -10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.weui-cell-list:first-child .weui-cell-circle {
|
||||
border: 1px solid #959595;
|
||||
}
|
||||
|
||||
.weui-cell-list .weui-cell-circle {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 0px;
|
||||
background-color: #ffffff;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.weui-cell-circle>view {
|
||||
border: 1px solid #959595;
|
||||
border-radius: 5px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #959595;
|
||||
border-color: 2fb69d;
|
||||
}
|
||||
|
||||
.weui-cell-time {
|
||||
/* float: left; */
|
||||
display:inline-block;
|
||||
font-size: 14px;
|
||||
/* padding-left: 30rpx; */
|
||||
}
|
||||
|
||||
.weui-cell-event {
|
||||
padding-left: 40rpx;
|
||||
/* width: calc(100% - 200rpx); */
|
||||
padding-bottom: 40rpx;
|
||||
color: #939393;
|
||||
}
|
||||
|
||||
.weui-cell-list:last-child .weui-cell-line {
|
||||
border: 0;
|
||||
}
|
||||
.images{
|
||||
height: 40rpx;
|
||||
width: 40rpx;
|
||||
overflow: hidden;
|
||||
display: inline-block
|
||||
.imgView .img {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user