common.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /* 设置全局样式 */
  2. /* (1) 页面高度100%,默认字体28upx,默认行高1.8,背景颜色 */
  3. page {
  4. height: 100%;
  5. font-size: 28upx;
  6. line-height: 1.8;
  7. background: #FFFFFF;
  8. }
  9. /* (2) 图片默认100%宽度 */
  10. image {
  11. width: 100%;
  12. }
  13. ::-webkit-scrollbar {
  14. display: none;
  15. }
  16. /* 主色调 */
  17. /* 主背景颜色(橙色)*/
  18. .main-bg-color {
  19. background-color: #FD6801;
  20. }
  21. /* 主点击背景颜色(淡橙色)*/
  22. .main-bg-hover-color {
  23. background-color: rgba(253, 104, 1, 0.85);
  24. }
  25. /* 主字体颜色(橙色)*/
  26. .main-text-color {
  27. color: #FD6801;
  28. }
  29. /* 主边框颜色 */
  30. .main-border-color {
  31. border-color: #F1F1F1;
  32. }
  33. .home-icon {
  34. width: 48px;
  35. height: 48px;
  36. align-items: center;
  37. border-radius: 6px;
  38. box-sizing: border-box;
  39. display: flex;
  40. justify-content: center;
  41. color:#ffffff;
  42. font-size: 26px;
  43. }
  44. .home-icon i{
  45. font-size: 26px;
  46. }
  47. .icon-color01{
  48. background: #ef8e35;
  49. border:1rpx solid #ef8e35;
  50. }
  51. .icon-color02{
  52. background-image: linear-gradient(0deg, #5a9aec, #84acf7);
  53. border:1rpx solid #6893d5;
  54. }
  55. .icon-color03{
  56. background-image: linear-gradient(0deg, #5fceb3, #61d2ba);
  57. border:1rpx solid #58c1ab;
  58. }
  59. .icon-color03{
  60. background-image: linear-gradient(0deg, #58ca93, #58ca93);
  61. border:1rpx solid #58c1ab;
  62. }
  63. .icon-color04{
  64. background-image: linear-gradient(0deg, #4f77ed, #4f77ed);
  65. border:1rpx solid #4f77ed;
  66. }
  67. .icon-color05{
  68. background-image: linear-gradient(0deg, #eb516b, #eb516c);
  69. border:1rpx solid #cc4962;
  70. }
  71. .icon-color06{
  72. background-image: linear-gradient(0deg, #F35643, #F35643);
  73. border:1rpx solid #F35643;
  74. }
  75. .icon-color07{
  76. background-image: linear-gradient(0deg, #4b86f6, #4b86f6);
  77. border:1rpx solid #4e7fd8;
  78. }
  79. .icon-color08{
  80. background-image: linear-gradient(0deg, #f2a953, #f2a953);
  81. border:1rpx solid #d2954c;
  82. }
  83. .icon-color09{
  84. background-image: linear-gradient(-30deg, #3b6eef, #3b6eef);
  85. border:1rpx solid #3663d1;
  86. }
  87. .icon-color10{
  88. background-image: linear-gradient(0deg, #59bef7, #58bcf6);
  89. border:1rpx solid #4ea6da;
  90. }
  91. .icon-color11{
  92. background:#ffffff;
  93. border:1rpx solid #ddddde;
  94. }
  95. .icon-color12{
  96. background-image: linear-gradient(0deg, #FFC60A, #FFC60A);
  97. border:1rpx solid #FFC60A;
  98. }
  99. .icon-color13{
  100. background:#f5f6f7;
  101. border:1rpx dashed #e1e1e3;
  102. }
  103. .home-icon{
  104. position: relative;
  105. .u-badge{
  106. top:-8px!important;
  107. right:-8px!important;
  108. padding:1px 4px!important;
  109. }
  110. }