details.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. /* pages/delails/details.wxss *//* pages/detail order/detail order.wxss */
  2. /* pages/detail/detail.wxss */
  3. /* 地址 */
  4. .address {
  5. width: 700rpx;
  6. border-radius: 5px;
  7. background-color: #f3f1f1;
  8. display: block;
  9. margin-left: 13px;
  10. }
  11. .address01 {
  12. font-weight: 600;
  13. font-size: 20px;
  14. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  15. display: block;
  16. margin-left: 10px;
  17. margin-bottom: 10px;
  18. }
  19. .address02 {
  20. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  21. display: block;
  22. margin-top: -10px;
  23. margin-left: 10px;
  24. }
  25. /* —————————————————————————————————————— */
  26. .container01 {
  27. margin: auto;
  28. border-radius: 5px;
  29. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  30. font-size: 12px;
  31. color: rgb(133, 133, 133);
  32. /* width: 280px; */
  33. width: 700rpx;
  34. height: 70px;
  35. background: #f3f1f1;
  36. display: flex;
  37. flex-direction: column;
  38. /* word-break:break-all */
  39. }
  40. .container02 {
  41. margin: 10px auto;
  42. border-radius: 5px;
  43. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  44. font-size: 12px;
  45. color: rgb(133, 133, 133);
  46. /* width: 280px; */
  47. width: 700rpx;
  48. height: 180px;
  49. background: #f3f1f1;
  50. display: flex;
  51. flex-direction: column;
  52. /* align-content:space-between ; */
  53. }
  54. .text01 {
  55. display: flex;
  56. justify-content: space-between;
  57. border-bottom: 1px solid #d1d0d0;
  58. line-height: 35px;
  59. margin-left: 15px;
  60. width: 90%;
  61. height: 35px;
  62. }
  63. .text02 {
  64. line-height: 35px;
  65. margin-left: 15px;
  66. width: 90%;
  67. height: 35px;
  68. display: flex;
  69. justify-content: space-between;
  70. border-bottom: 1px solid #d1d0d0;
  71. }
  72. .text03{
  73. line-height: 35px;
  74. margin-left: 15px;
  75. width: 90%;
  76. height: 35px;
  77. display: flex;
  78. justify-content: space-between;
  79. }
  80. .copper {
  81. color: rgb(228, 52, 87);
  82. }
  83. /* 图片样式 */
  84. .img01 {
  85. margin-right: 10px;
  86. width: 90px;
  87. height: 60px;
  88. border-radius: 10px;
  89. }
  90. /* 图片与文字左右排列 */
  91. .container03 {
  92. padding: 10px 10px 0px 10px;
  93. display: flex;
  94. align-content: space-between;
  95. }
  96. .container04 {
  97. margin: 10px auto;
  98. border-radius: 5px;
  99. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  100. font-size: 12px;
  101. color: rgb(133, 133, 133);
  102. /* width: 280px; */
  103. width: 700rpx;
  104. height: 150px;
  105. background: #f3f1f1;
  106. }
  107. /* 图片旁边文字 */
  108. .child {
  109. flex: 1;
  110. }
  111. .child01 {
  112. display: flex;
  113. justify-content: space-between;
  114. }
  115. /* 老式麻辣烫 */
  116. .ctx01 {
  117. font-weight: 800;
  118. font-size: 13px;
  119. color: black;
  120. }
  121. /* 价钱和积分 */
  122. .ctx02 {
  123. color: rgb(228, 52, 87);
  124. font-size: 13px;
  125. }
  126. /* 划掉价钱 */
  127. .ctx03 {
  128. text-decoration: line-through;
  129. }