微信小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

126 lignes
2.1 KiB

  1. /* pages/noLoginIndex.wxss */
  2. page{
  3. background-color: #ffffff!important;
  4. height: 100vh;
  5. }
  6. .navList_main{
  7. width: 685rpx;
  8. height: 228rpx;
  9. margin:0 auto;
  10. display: flex;
  11. border-top: 1px solid rgba(0,0,0,.1);
  12. }
  13. .navList_main .tab_item{
  14. flex: 1;
  15. display: flex;
  16. justify-content: center;
  17. align-items: center;
  18. flex-direction: column;
  19. }
  20. .navList_main .tab_item .icon{
  21. width: 130rpx;
  22. height: 130rpx;
  23. margin-bottom: 12rpx;
  24. }
  25. .navList_main .tab_item .icon_img{
  26. width: 130rpx;
  27. height: 130rpx;
  28. }
  29. .navList_main .tab_item .desc{
  30. font-size: 26rpx;
  31. }
  32. .page-section{
  33. width: 100%;
  34. }
  35. .page-section:last-child{
  36. margin-bottom: 0;
  37. }
  38. .page-section-spacing{
  39. box-sizing: border-box;
  40. }
  41. swiper{
  42. display: block;
  43. height: 144px!important;
  44. }
  45. .child_function{
  46. margin: 15px 20rpx 0;
  47. display: flex;
  48. flex-wrap: wrap;
  49. align-content:space-between;
  50. }
  51. .child_function .flex_block{
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. flex-direction: column;
  56. width: 20%;
  57. }
  58. .child_function .flex_block:nth-child(n+6){
  59. margin-top: 25rpx;
  60. }
  61. .child_function .flex_block .image{
  62. width: 76rpx;
  63. height: 70rpx;
  64. margin-bottom: 20rpx;
  65. }
  66. .child_function .flex_block .attribute{
  67. width: 76rpx;
  68. height: 70rpx;
  69. }
  70. .child_function .flex_block .desc{
  71. font-size: 26rpx;
  72. }
  73. .work_plan{
  74. padding: 40rpx 32.5rpx 30rpx;
  75. display: flex;
  76. justify-content: space-between;
  77. }
  78. .work_plan .menu_item{
  79. height: 60rpx;
  80. width: 140rpx;
  81. background-color: #fff;
  82. box-shadow: 0rpx 4rpx 9rpx rgba(0,0,0,.2);
  83. border-radius: 60rpx;
  84. line-height: 60rpx;
  85. text-align: center;
  86. font-size: 28rpx;
  87. position: relative;
  88. }
  89. .work_plan .menu_item.active{
  90. background-color: #5bae78;
  91. color: #fff;
  92. }
  93. .work_plan .menu_item .remind{
  94. height: 30rpx;
  95. background: #e90101;
  96. color: #fff;
  97. font-size: 26rpx;
  98. position: absolute;
  99. line-height: 30rpx;
  100. padding:0 10rpx;
  101. border-radius: 50px;
  102. top: -10rpx;
  103. right: -10rpx;
  104. }
  105. .work_plan .more{
  106. flex: 1;
  107. text-align: center;
  108. line-height: 60rpx;
  109. font-size: 36rpx;
  110. color: #31936c;
  111. }
  112. .title{
  113. font-size: 18px;
  114. padding: 0 32.5rpx;
  115. margin-top: 10px;
  116. display: block;
  117. font-weight: bold;
  118. }