index.wxss 2.2 KB

12345678910111213141516171819202122232425262728
  1. .userInfor{height:100rpx;display:flex;align-items:center;position:relative;padding:20rpx 0; justify-content: space-between;}
  2. .userBox{flex-shrink: 0; text-align: right;}
  3. .headerBox{flex-shrink: 1; width: 100%;}
  4. .headerBox>text{white-space: nowrap; max-width: 180rpx; vertical-align: middle; font-size: 28rpx; display: inline-block; overflow: hidden; text-overflow: ellipsis;}
  5. .headerBox .headerImgB{width:76rpx;height:76rpx;border-radius:50%; vertical-align: middle; margin-right: 10rpx;}
  6. .score{font-size:28rpx;color:#595757;line-height:40rpx;}
  7. .starBlank{width: 194rpx;height: 40rpx;background-size: contain; margin-left: 20rpx;}
  8. .mini-starBlank{width: 120rpx; height: 25rpx; margin-left: 10rpx;}
  9. .scoreBG{background-size: contain;}
  10. .score text:not(:first-child){color:var(--subtitleColor);}
  11. .scoreImg{width:100%;display:flex;align-items:center;flex-wrap:wrap;}
  12. .scoreImg image{width:157rpx;height:157rpx;margin-right:20rpx;margin-bottom:20rpx;}
  13. .addScore{width:100%;font-size:26rpx;color:var(--subtitleColor);margin-top:20rpx;border-top:1px solid #E9E9E9;}
  14. .comment{padding:20rpx; margin-bottom: 20rpx;}
  15. .comment:last-child{margin-bottom: 0;}
  16. .scoreBox{font-size:28rpx;color:#595757; display: flex; justify-content: center;}
  17. .scoreTit{color:#000;font-size:26rpx; vertical-align: middle}
  18. .addTitle{font-size:28rpx;color:var(--subtitleColor);padding:10rpx 0;}
  19. .reply{background-color:#f9f9f9;border-radius:14rpx;padding:0 20rpx;box-sizing:border-box;margin-top:30rpx;position:relative;}
  20. .reply::before{content:'';width:0;height:0;border-width:0 16rpx 20rpx;border-style:solid;border-color:transparent transparent #f9f9f9;position:absolute;top:-20rpx;}
  21. .replyTitle{display:flex;align-items:center;padding-left:20rpx;border-bottom:1px solid #ebebeb;}
  22. .replyTitle text{margin-right:14rpx;font-size:34rpx;}
  23. .tag-list{margin-left: -2%; overflow: hidden; white-space: nowrap;}
  24. .tag-list > .text{border: 2rpx solid #c8c9cb; border-radius: 40rpx; width: 23%; margin-left: 2%; padding: 10rpx 0; font-size: 24rpx; text-align: center; float: left; box-sizing: border-box; margin-bottom: 3%;}
  25. .tag-list > .text.active{background: var(--subtitleColor);color: #fff; border: 2rpx solid var(--subtitleColor);}
  26. .comment-box{padding: 20rpx; border-bottom: 2rpx solid #dbdbdb}