detail.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. @charset "UTF-8";
  2. .text-center.data-v-c727f1ae {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-c727f1ae {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-c727f1ae {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-c727f1ae {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-c727f1ae {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-c727f1ae {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-c727f1ae {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-c727f1ae {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-c727f1ae {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .need-height.data-v-c727f1ae {
  39. height: 180rpx;
  40. }
  41. .top.data-v-c727f1ae {
  42. height: 180rpx;
  43. width: 100%;
  44. position: fixed;
  45. background-color: #f7f7f7;
  46. top: 0;
  47. left: 0;
  48. z-index: 10;
  49. }
  50. .top image.data-v-c727f1ae {
  51. width: 100%;
  52. height: 160rpx;
  53. }
  54. .detail-name.data-v-c727f1ae {
  55. position: absolute;
  56. left: 24rpx;
  57. top: 36rpx;
  58. font-size: 26rpx;
  59. color: #fff;
  60. }
  61. .detail-number.data-v-c727f1ae {
  62. position: absolute;
  63. bottom: 36rpx;
  64. left: 24rpx;
  65. font-size: 48rpx;
  66. color: white;
  67. font-family: 'DIN';
  68. }
  69. .detail-number text.data-v-c727f1ae {
  70. font-size: 30rpx;
  71. }
  72. .list.data-v-c727f1ae {
  73. height: 139rpx;
  74. width: 100%;
  75. padding: 36rpx 24rpx;
  76. background-color: white;
  77. border-bottom: 1rpx #e2e2e2 solid;
  78. }
  79. .list-left.data-v-c727f1ae {
  80. color: #666;
  81. font-size: 24rpx;
  82. float: left;
  83. width: 60%;
  84. }
  85. .name.data-v-c727f1ae {
  86. font-size: 30rpx;
  87. color: #353535;
  88. overflow: hidden;
  89. text-overflow: ellipsis;
  90. white-space: nowrap;
  91. }
  92. .list-right.data-v-c727f1ae {
  93. color: #353535;
  94. font-size: 34rpx;
  95. float: right;
  96. line-height: 68rpx;
  97. }