example.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. page {
  2. width: 100%;
  3. height: 100%;
  4. position: relative;
  5. color: rgba(0, 0, 0, .85);
  6. background-color: #f8f8f8;
  7. font-size: 16px;
  8. font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei, Arial;
  9. -ms-text-size-adjust: 100%;
  10. -webkit-text-size-adjust: 100%;
  11. -webkit-tap-highlight-color: transparent;
  12. }
  13. .page_fixed {
  14. position: fixed;
  15. top: 0;
  16. right: 0;
  17. bottom: 0;
  18. left: 0;
  19. }
  20. .page__hd {
  21. padding: 40px;
  22. }
  23. .page__bd {
  24. padding-bottom: 40px;
  25. }
  26. .page__bd_spacing {
  27. padding-left: 15px;
  28. padding-right: 15px;
  29. }
  30. .page__bd_bottom-0 {
  31. padding-bottom: 0;
  32. }
  33. .page__ft {
  34. padding-bottom: 10px;
  35. text-align: center;
  36. }
  37. .page__title {
  38. text-align: left;
  39. font-size: 20px;
  40. font-weight: 400;
  41. }
  42. .page__desc {
  43. margin-top: 5px;
  44. color: rgba(0, 0, 0, .45);
  45. text-align: left;
  46. font-size: 14px;
  47. }
  48. .placeholder {
  49. background-color: #ebebef;
  50. color: #bbb;
  51. text-align: center;
  52. height: 30px;
  53. line-height: 30px;
  54. width: 100%;
  55. box-sizing: border-box;
  56. }
  57. .sub-title {
  58. padding: 30rpx 30rpx 18rpx;
  59. font-size: 28rpx;
  60. color: rgba(0, 0, 0, .65);
  61. width: 100%;
  62. box-sizing: border-box;
  63. }
  64. .button-sp-area {
  65. margin: 20px auto 0;
  66. width: 80%;
  67. text-align: center;
  68. }
  69. .btn-area {
  70. margin: 1.17647059em 15px 0.3em;
  71. }
  72. .btn-area_auto {
  73. margin: 0;
  74. }
  75. .btn-area button {
  76. margin-bottom: 10px;
  77. }
  78. .btn-area button:last-child {
  79. margin-bottom: 0;
  80. }
  81. .text-left {
  82. text-align: left;
  83. }
  84. .text-center {
  85. text-align: center;
  86. }
  87. .text-right {
  88. text-align: right;
  89. }
  90. .btn-group {
  91. position: relative;
  92. margin-bottom: 50px;
  93. }