app.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. view,
  2. text,
  3. image,
  4. form,
  5. button,
  6. input,
  7. textarea {
  8. margin: 0;
  9. padding: 0;
  10. box-sizing: border-box;
  11. font-family: PingFang SC, HYQiHei-FES, "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  12. font-weight: 400;
  13. line-height: 1.42857143;
  14. -webkit-tap-highlight-color: transparent;
  15. -webkit-text-size-adjust: 100%;
  16. }
  17. button {
  18. border: none;
  19. outline: none;
  20. display: flex;
  21. justify-content: center;
  22. align-items: center;
  23. }
  24. input {
  25. outline: none;
  26. border: none;
  27. -webkit-appearance: none
  28. }
  29. button::after {
  30. border: none;
  31. }
  32. view.footer-fixed-bottom {
  33. position: fixed;
  34. left: 0;
  35. right: 0;
  36. bottom: 0;
  37. z-index: 10;
  38. background: rgba(255, 255, 255, 1);
  39. box-shadow: 0 -16px 15px 0 rgba(237, 237, 237, 0.25);
  40. }
  41. view.footer-fixed-bottom > view {
  42. display: flex;
  43. justify-content: center;
  44. align-items: center;
  45. padding: 24rpx 0 24rpx 0;
  46. }
  47. view.footer-fixed-bottom:after {
  48. display: block;
  49. content: '';
  50. width: 100%;
  51. padding-bottom: constant(safe-area-inset-bottom);
  52. padding-bottom: env(safe-area-inset-bottom);
  53. }
  54. view.footer-fixed-bottom button {
  55. width: 690rpx;
  56. height: 104rpx;
  57. border-radius: 24rpx;
  58. font-size: 32rpx;
  59. font-weight: 500;
  60. color: rgba(255, 255, 255, 1);
  61. }
  62. view.footer-fixed-bottom button[type='primary'] {
  63. background-color: #4A6A96;
  64. }
  65. view.footer-fixed-bottom button[type='default'] {
  66. background-color: #DDDDDD;
  67. }
  68. .page-header-search {
  69. display: flex;
  70. align-items: center;
  71. justify-content: center;
  72. }
  73. .page-header-search-warp {
  74. display: flex;
  75. align-items: center;
  76. width: 640rpx;
  77. height: 68rpx;
  78. border-radius: 40rpx;
  79. background: #F6F7FA;
  80. }
  81. .page-header-search-warp label {
  82. width: 66rpx;
  83. }
  84. .page-header-search-warp image {
  85. display: block;
  86. width: 29rpx;
  87. height: 29rpx;
  88. background: pink;
  89. }
  90. .page-header-search-warp input {
  91. width: calc(100% - 66rpx);
  92. font-size: 28rpx;
  93. color: #1F1F39;
  94. }
  95. .header-search-placeholder {
  96. color: rgba(190, 192, 202, 1);
  97. }