comment.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* 选项卡 */
  2. .swiper-tab {
  3. width: 100%;
  4. text-align: center;
  5. height: 80rpx;
  6. background-color: #fff;
  7. border-bottom: 1px solid #eee;
  8. }
  9. .swiper-tab .swiper-tab-item {
  10. width: 25%;
  11. height: 100%;
  12. font-size: 28rpx;
  13. color: #777;
  14. display: flex;
  15. justify-content: center;
  16. align-items: center;
  17. box-sizing: border-box;
  18. border-bottom: 2px solid #ffffff00;
  19. }
  20. .swiper-tab .on {
  21. color: #f74c45;
  22. border-bottom: 2px solid #f74c45;
  23. }
  24. /* 设置scroll-view容器高度 */
  25. .comment-list, .yoshop-notcont {
  26. height: 100.1%;
  27. }
  28. /* 评论列表 */
  29. .goods-comment-box {
  30. padding: 30rpx;
  31. box-sizing: border-box;
  32. }
  33. .goods-comment-box .row {
  34. width: 100%;
  35. }
  36. .goods-comment-box .user .user_avatar {
  37. width: 50rpx;
  38. height: 50rpx;
  39. border-radius: 50%;
  40. margin-right: 15rpx;
  41. }
  42. .goods-comment-box .comment-images {
  43. width: 100%;
  44. margin-top: 20rpx;
  45. }
  46. .goods-comment-box .comment-images::after {
  47. clear: both;
  48. content: " ";
  49. display: table;
  50. }
  51. .goods-comment-box .comment-images .image-preview {
  52. float: left;
  53. margin-bottom: 15rpx;
  54. margin-right: 15rpx;
  55. }
  56. .goods-comment-box .comment-images .image-preview:nth-child(3n+0) {
  57. margin-right: 0;
  58. }
  59. .goods-comment-box .comment-images .image-preview image {
  60. display: block;
  61. width: 220rpx;
  62. height: 220rpx;
  63. }
  64. /* 没有更多 */
  65. .no-more {
  66. text-align: center;
  67. color: #737373;
  68. padding: 10px 0;
  69. }