main.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @charset "UTF-8";
  2. /*每个页面公共css */
  3. .hui-button-box {
  4. background-color: #ffffff;
  5. box-shadow: 0px 2px 10px rgba(3, 3, 3, 0.1);
  6. position: fixed;
  7. bottom: 0;
  8. left: 0;
  9. right: 0;
  10. height: 100rpx;
  11. display: flex;
  12. align-items: center;
  13. justify-content: flex-end;
  14. padding-bottom: 0;
  15. padding-bottom: constant(safe-area-inset-bottom);
  16. padding-bottom: env(safe-area-inset-bottom);
  17. padding-right: 40rpx;
  18. padding-left: 40rpx;
  19. }
  20. .text-flex {
  21. display: flex;
  22. justify-content: space-between;
  23. align-items: center;
  24. }
  25. .color-primary {
  26. color: #3c9cff;
  27. }
  28. .color-success {
  29. color: #5ac725;
  30. }
  31. .color-warning {
  32. color: #f9ae3d;
  33. }
  34. .color-error {
  35. color: #f56c6c;
  36. }
  37. .status-tag {
  38. height: 52rpx;
  39. border-radius: 52rpx;
  40. line-height: 52rpx;
  41. padding: 0 30rpx;
  42. font-size: 24rpx;
  43. color: #fff;
  44. }
  45. .status-tag.success {
  46. background-color: #5ac725;
  47. }
  48. .status-tag.primary {
  49. background-color: #3c9cff;
  50. }
  51. .status-tag.info {
  52. background-color: #909399;
  53. }
  54. .status-tag.warning {
  55. background-color: #f9ae3d;
  56. }
  57. .status-tag.error {
  58. background-color: #f56c6c;
  59. }
  60. page {
  61. background-color: #f3f4f6;
  62. font-size: 28rpx;
  63. }