useDetail.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-551fb24c {
  4. position: relative;
  5. height: 100vh;
  6. color: #001713;
  7. background-color: #fff;
  8. overflow: hidden;
  9. }
  10. .container .banner.data-v-551fb24c {
  11. width: 100%;
  12. height: 482rpx;
  13. }
  14. .container .title.data-v-551fb24c {
  15. position: absolute;
  16. display: flex;
  17. align-items: center;
  18. width: 100vh;
  19. font-size: 40rpx;
  20. }
  21. .container .title .title_back.data-v-551fb24c {
  22. margin-left: 26rpx;
  23. margin-right: 252rpx;
  24. }
  25. .container .time.data-v-551fb24c {
  26. position: absolute;
  27. top: 130rpx;
  28. left: 32rpx;
  29. width: 250rpx;
  30. }
  31. .container .time.data-v-551fb24c .wd-cell {
  32. background-color: transparent;
  33. }
  34. .container .body.data-v-551fb24c {
  35. position: absolute;
  36. top: 230rpx;
  37. box-sizing: border-box;
  38. padding: 10rpx 30rpx;
  39. height: calc(100vh - 230rpx);
  40. color: #001713;
  41. font-size: 28rpx;
  42. background-color: #fff;
  43. }
  44. .container .body .body_item.data-v-551fb24c {
  45. padding: 20rpx 0;
  46. margin-bottom: 10rpx;
  47. border-bottom: 2rpx solid #d5d5d5;
  48. }
  49. .container .body .body_item .item_msg.data-v-551fb24c {
  50. display: flex;
  51. align-items: center;
  52. justify-content: space-between;
  53. margin-bottom: 8rpx;
  54. }
  55. .container .body .body_item .item_msg .msg_detail.data-v-551fb24c {
  56. font-size: 36rpx;
  57. font-weight: bold;
  58. }
  59. .container .body .body_item .item_text.data-v-551fb24c {
  60. margin-top: 12rpx;
  61. color: #aba6a6;
  62. font-size: 24rpx;
  63. }