Soil Deacidification.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /* 普通文本样式 */
  2. .containe {
  3. padding: 5px 5px; /* 调整容器的内边距,减小文字与容器的距离 */
  4. line-height: 1; /* 调整行高,控制文字的垂直间距 */
  5. margin-bottom: 2px;
  6. }
  7. .sub-title {
  8. font-size: 14px;
  9. font-weight:700;
  10. }
  11. .regular-text {
  12. font-size: 14px; /* 设置字体大小 */
  13. color: #333333;
  14. }
  15. /* 父容器样式 */
  16. .container {
  17. display: flex;
  18. flex-direction: column; /* 垂直排列 */
  19. align-items: center; /* 居中对齐 */
  20. padding: 1px 0; /* 增加上下内边距 */
  21. margin: 1px 20px 2px 20px; /* 增加顶部外边距 */
  22. }
  23. .containes {
  24. padding-bottom: 100px;
  25. }
  26. /* 按钮样式 */
  27. .full-width-button {
  28. width: 100%; /* 按钮占满宽度 */
  29. padding: 5px 0; /* 按钮内边距,控制高度 */
  30. margin: 10px 0; /* 按钮间距 */
  31. background-color: #3EC01E; /* 按钮背景颜色 */
  32. color: white; /* 按钮文字颜色 */
  33. font-size: 18px; /* 按钮文字大小 */
  34. border: none; /* 去除按钮边框 */
  35. outline: none; /* 去除焦点边框 */
  36. text-align: center; /* 文字居中 */
  37. border-radius: 5px; /* 圆角效果 */
  38. }
  39. /* 按钮点击效果 */
  40. .full-width-button:active {
  41. background-color: #299A0C; /* 按下按钮时的颜色变化 */
  42. }
  43. .navigat-arrow {
  44. padding: 1px 15px;
  45. width: 650rpx;
  46. height: 350rpx;
  47. }