richdetail.ttss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. page {
  7. background-color: #f4f6f8;
  8. }
  9. .detail-tag {
  10. color: #aaa;
  11. }
  12. .comment {
  13. background-color: #ffffff;
  14. display: flex;
  15. padding: 30rpx;
  16. }
  17. .comment .left image {
  18. width: 64rpx;
  19. height: 64rpx;
  20. border-radius: 50%;
  21. background-color: #f2f2f2;
  22. }
  23. .comment .right {
  24. flex: 1;
  25. padding-left: 20rpx;
  26. }
  27. .comment .right .top {
  28. display: flex;
  29. justify-content: space-between;
  30. align-items: center;
  31. margin-bottom: 10rpx;
  32. }
  33. .comment .right .top .replay {
  34. display: flex;
  35. align-items: center;
  36. color: #9a9a9a;
  37. font-size: 26rpx;
  38. }
  39. .comment .right .top .replay .opeate {
  40. margin-right: 4rpx;
  41. color: #9a9a9a;
  42. }
  43. .comment .right .top .name {
  44. max-width: 100rpx;
  45. }
  46. .comment .right .content {
  47. margin-bottom: 10rpx;
  48. word-break: break-word;
  49. }
  50. .comment:not(:last-child) {
  51. border-bottom: 1px solid #eee;
  52. }
  53. .product-images {
  54. width: 50%;
  55. margin-bottom: 30rpx;
  56. }
  57. .product-images:nth-child(2n) {
  58. padding-left: 15rpx;
  59. }
  60. .product-images:nth-child(2n + 1) {
  61. padding-right: 15rpx;
  62. }
  63. .u-alert-desc {
  64. word-break: break-word;
  65. }