deming/pageE/more/Complaints.vue
2020-06-08 15:23:23 +08:00

102 lines
2.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="complaints">
<view class="complaints-box">
<view class="suggestions">
<view class="text">您的满意是对我们最大的支持茫茫德铭阳光之中能够遇到亲也是我们的荣幸</view>
<view class="image">
<image v-for="(url, index) in imgList" :key="index" :src="url"></image>
</view>
</view>
<view class="reply">
<view class="reply-title">后台回复</view>
<view class="reply-content u-line-4">您的满意是对我们最大的支持茫茫德铭阳光之中能够遇到亲也是我们的荣幸您的评价是对我们付出最好的认可我们会不断前行不忘初衷给亲们提供更好的服务和产品!我把对您的谢意写在纸上被风吹走了;我把对您的谢意写在沙滩上被海浪卷走了;我只好把对您的谢意写在解释里这样才会永驻心间!感谢您对的支持!加油!加油! 祝您生活愉快工作顺利期待我们下次合作愉快! ! !</view>
</view>
<view class="date">
<image src="../static/mine/26.png"></image>
<view>2020-05-14</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
imgList: [
require('../static/mine/23.png'),
require('../static/mine/23.png'),
require('../static/mine/23.png'),
require('../static/mine/23.png')
]
}
},
onNavigationBarButtonTap() {
uni.navigateTo({
url: '/pageE/more/WriteComments'
});
},
}
</script>
<style lang="scss" scoped>
.complaints {
min-height: calc(100vh - var(--window-top));
background-color: #ECECEC;
padding-top: 1rpx;
.complaints-box {
padding: 30rpx;
background-color: #ffffff;
.suggestions {
.text {
font-size: 26rpx;
color: rgba(51,51,51,1);
margin-bottom: 25rpx;
line-height: 36rpx;
}
.image {
display: flex;
flex-wrap: wrap;
> image {
width: 210rpx;
height: 210rpx;
flex-shrink: 0;
border-radius: 10rpx;
margin-bottom: 10rpx;
&:not(:nth-child(3n)) {
margin-right: 30rpx;
}
}
}
}
.reply {
width: 690rpx;
height: 224rpx;
background: rgba(240,238,238,1);
border-radius: 10rpx;
padding: 20rpx;
font-size: 24rpx;
color: rgba(102,102,102,1);
margin: 20rpx 0;
.reply-title {
margin-bottom: 16rpx;
}
.reply-content {
line-height: 36rpx;
}
}
.date {
display: flex;
align-items: center;
> image {
width: 28rpx;
height: 28rpx;
margin-right: 12rpx;
flex-shrink: 0;
}
> view {
font-size: 24rpx;
color: rgba(153,153,153,1);
}
}
}
}
</style>