123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- .commentArea {
- width: 100%;
- }
- .padding-bottom{
- padding-bottom: 92rpx;
- width: 100%;
- }
- .commentArea .commentItem {
- width: 100%;
- padding: 0 0 0 23rpx;
- height: 100%;
- border-bottom: solid 2rpx #DEDEE2;
- display: flex;
- position: relative;
- background: #F0F1F5;
- }
- .commentArea .commentItemFirst{
- background: #fff;
- border-bottom: none;
- min-height: 280rpx;
- }
- .commentItem .commentCore {
- margin-left: 14rpx;
- width: 600rpx;
- height: 100%;
- display: flex;
- flex-direction: column;
- }
- .commentItem .avatar {
- border-radius: 50%;
- width: 96rpx;
- height: 96rpx;
- margin-top: 18rpx;
- }
- .commentItem .nickName {
- margin-top: 18rpx;
- height: 44rpx;
- font-size: 32rpx;
- color: #000;
- font-family: PingFangSC-Regular;
- }
- .commentItem .time {
- width: 200rpx;
- height: 44rpx;
- font-size: 32rpx;
- color: #686868;
- }
- .commentItem .gut {
- margin-top: 12rpx;
- width: 420rpx;
- /* height: 44rpx; */
- line-height: 60rpx;
- font-size: 32rpx;
- color: #000;
- /* overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap; */
- }
- .reply-all{
- /* position: absolute; */
- box-sizing: border-box;
- padding: 16rpx 23rpx;
- width: 674rpx;
- border-top: 2rpx solid #F0F1F5;
- /* left: 40rpx; */
- /* top: 200rpx; */
- font-size: 28rpx;
- color: #000000;
- }
- .reply-msg{
- position: fixed;
- bottom: 0;
- width: 750rpx;
- height: 92rpx;
- z-index: 100rpx;
- box-sizing: border-box;
- display: flex;
- justify-content: space-around;
- align-items: center;
- background: #FFFFFF;
- font-size: 28rpx;
- }
- .reply-input{
- width: 610rpx;
- height: 60rpx;
- line-height: 60rpx;
- padding-left: 20rpx;
- border-radius: 12rpx;
- background: #F0F1F5;
- }
- .reply-btn{
- color: #3BAF34;
- }
|