diff --git a/subpages/associationNew/images/ic_huifu@2x.png b/subpages/associationNew/images/ic_huifu@2x.png new file mode 100644 index 0000000..b66ac8c Binary files /dev/null and b/subpages/associationNew/images/ic_huifu@2x.png differ diff --git a/subpages/associationNew/pages/eventlist/eventlist.wxml b/subpages/associationNew/pages/eventlist/eventlist.wxml index 182b839..d52a11a 100644 --- a/subpages/associationNew/pages/eventlist/eventlist.wxml +++ b/subpages/associationNew/pages/eventlist/eventlist.wxml @@ -12,10 +12,34 @@ - - 22222 - - 22222 + + + 22222 + + + + 22222 + + + + 评论 + - - \ No newline at end of file + + 张测试:我们这个楼的小区门口也是这中事情我们这个楼的小区门口也是这中事情···我们这个楼的小区门口也是这中事情··· + 张测试:我们这个楼的小区门口也是这中事情我们这个楼的小区门口也是这中事情···我们这个楼的小区门口也是这中事情··· + + + +
+ + + 回复{{replyUserName}} + + + + + + + +
\ No newline at end of file diff --git a/subpages/associationNew/pages/eventlist/eventlist.wxss b/subpages/associationNew/pages/eventlist/eventlist.wxss index 6ec5488..5831e38 100644 --- a/subpages/associationNew/pages/eventlist/eventlist.wxss +++ b/subpages/associationNew/pages/eventlist/eventlist.wxss @@ -55,6 +55,7 @@ page { grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr)); grid-gap: 7rpx; } + .image-list .image-item { width: 100%; height: 100%; @@ -62,30 +63,119 @@ page { border-radius: 8rpx; } -.attitude{ - width: calc(100% - 58rpx); +.attitude { + width: calc(100% - 158rpx); margin-top: 21rpx; display: flex; align-items: center; + justify-content: space-between; /* justify-content: center; */ height: 28rpx; + padding: 0 50rpx; +} +.attitude .all{ + display: flex; + align-items: center; } -.attitude image{ +.attitude .all image { width: 28rpx; height: 28rpx; } -.attitude .give-data{ - font-size:24rpx; - font-weight:500; - color:rgba(51,51,51,1); + +.attitude .all .give-data { + font-size: 24rpx; + font-weight: 500; + color: rgba(51, 51, 51, 1); margin-left: 9rpx; - width: 196rpx; + /* width: 196rpx; */ } -.comment{ +.comment { width: calc(100% - 98rpx); padding: 26rpx 20rpx; background: #F2F2F2; - border-radius:8rpx; + border-radius: 8rpx; margin-top: 25rpx; -} \ No newline at end of file +} + +.comment .comment-list { + width: 100%; + margin-top: 11rpx; + font-size: 28rpx; + color: #999999; +} + +.comment .comment-list text { + color: #333333; +} + +/* 评论样式 */ +.release { + align-items: flex-end; /*底部对齐*/ + box-sizing: border-box; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + padding: 13rpx 20rpx; + background-color: #fff; + font-size: 28rpx; + z-index: 999; +} +.replyinfo1{ + display: flex; + justify-content: space-between; /*两端对齐*/ + font-size: 35rpx; +} +.replyinfo2{ + display: flex; + justify-content: space-between; /*两端对齐*/ +} + +.release textarea { + width: calc(100% - 200rpx); + min-height: 34rpx; + max-height: 102rpx; /*最多显示三行*/ + border-width: 15rpx 20rpx; /*使用padding与预期留白不一致,故使用border*/ + border-style: solid; + border-color: #F2F2F2; + line-height: 34rpx; + font-size: 28rpx; + background-color: #F2F2F2; + border-radius: 4rpx; +} + +.release .text { + font-size: 40rpx; + color: #c9c9c9; +} + +.cancel { + width: 240rpx; + height: 64rpx; + line-height: 64rpx; + text-align: center; + color: #6c0; + margin: 0 3px; + padding: 0; +} + +.release .submit { + width: 120rpx; + height: 64rpx; + line-height: 64rpx; + text-align: center; + color: #6c0; + margin: 0 3px; + padding: 0; +} + +.pro-box .info .text .delete { + color: #f68135; + border-radius: 50rpx; + border: 1px solid #f68135; + font-size: 28 rpx; + width: 150rpx; + height: 48rpx; + text-align: center; +}