detail.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /* pages/detail/detail.wxss */
  2. .cttt{
  3. height: 290px;
  4. background: #f3f1f1;
  5. }
  6. /* 导航 */
  7. .nav {
  8. margin-top: 10px;
  9. font-size: 14px;
  10. background-color: white;
  11. display: flex;
  12. justify-content:center;
  13. color: rgb(133, 133, 133);
  14. }
  15. .nav01 {
  16. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  17. margin: 0 20px;
  18. }
  19. /* 代送达麻辣烫、麻辣拌 */
  20. .container04 {
  21. margin: 10px auto;
  22. font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  23. font-size: 12px;
  24. color: rgb(133, 133, 133);
  25. height: 120px;
  26. background: white;
  27. }
  28. .text01 {
  29. display: flex;
  30. justify-content: space-between;
  31. border-bottom: 1px solid #d1d0d0;
  32. line-height: 35px;
  33. margin-left: 10px;
  34. margin-right: 10px;
  35. height: 35px;
  36. }
  37. .text01-1{
  38. color: black;
  39. font-weight: 600;
  40. }
  41. .copper {
  42. color: rgb(133, 133, 133);
  43. }
  44. /* 图片样式 */
  45. .img01 {
  46. margin-right: 10px;
  47. width: 90px;
  48. height: 60px;
  49. }
  50. /* 图片与文字左右排列 */
  51. .container03 {
  52. padding: 10px 10px 0px 10px;
  53. display: flex;
  54. align-content: space-between;
  55. }
  56. /* 图片旁边文字 */
  57. .child {
  58. flex: 1;
  59. }
  60. /*麻辣烫微辣微麻 */
  61. .ctx01 {
  62. font-size: 13px;
  63. color: black;
  64. }
  65. /* 价钱 */
  66. .ctx02 {
  67. color: rgb(228, 52, 87);
  68. font-size: 14px;
  69. }
  70. .child01 {
  71. display: flex;
  72. justify-content: space-between;
  73. }
  74. .child05 {
  75. display: flex;
  76. justify-content: flex-end;
  77. font-size: 11px;
  78. }