index.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  6. */
  7. .fui-wrap .u-grid .u-grid-item {
  8. width: 33.3333%;
  9. margin-top: 30rpx !important;
  10. }
  11. .fui-wrap .u-grid .u-grid-item .grid-item-icon {
  12. width: 100rpx;
  13. height: 100rpx;
  14. background-color: red;
  15. display: flex;
  16. align-items: center;
  17. justify-content: center;
  18. border-radius: 10rpx;
  19. }
  20. .fui-wrap .u-grid .u-grid-item .grid-item-icon image {
  21. width: 60rpx;
  22. height: 60rpx;
  23. }
  24. .fui-wrap .u-grid .u-grid-item .grid-text {
  25. font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  26. color: #333333;
  27. margin-top: 10rpx;
  28. font-size: 28rpx;
  29. }
  30. .fui-wrap .u-grid .u-swiper__wrapper__item__wrapper__image {
  31. border-radius: 0 !important;
  32. }
  33. .fui-wrap .u-gap {
  34. margin-top: 20rpx !important;
  35. }
  36. .fui-wrap .u-page-title {
  37. width: 100%;
  38. display: flex;
  39. align-items: center;
  40. justify-content: center;
  41. }
  42. .fui-wrap .u-page-title .line {
  43. width: 34px;
  44. height: 1px;
  45. border: 1px solid #548cf7;
  46. background-color: #ffffff;
  47. box-sizing: border-box;
  48. margin: 0 10rpx;
  49. }
  50. .fui-wrap .u-page-title .title-content {
  51. width: 72px;
  52. height: 24px;
  53. background-color: rgba(255, 255, 255, 0);
  54. box-sizing: border-box;
  55. font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  56. font-weight: 650;
  57. color: #548cf7;
  58. text-align: left;
  59. line-height: normal;
  60. text-align: center;
  61. }
  62. .fui-wrap .u-page-title .rectangle {
  63. width: 4px;
  64. height: 14px;
  65. -webkit-transform: rotate(28deg);
  66. transform: rotate(28deg);
  67. border-radius: 4px;
  68. background-color: #548cf7;
  69. box-sizing: border-box;
  70. }
  71. .fui-wrap .u-page-title .rectangle:nth-child(3) {
  72. margin: 0 5px;
  73. background-color: rgba(84, 140, 247, 0.79);
  74. }
  75. .fui-wrap .u-page-title .rectangle:nth-child(5) {
  76. margin: 0 5px;
  77. background-color: rgba(84, 140, 247, 0.79);
  78. }
  79. .fui-wrap .search-content {
  80. width: 100%;
  81. height: 80rpx;
  82. display: flex;
  83. align-items: center;
  84. justify-content: center;
  85. background-color: #f2f2f2;
  86. }
  87. .fui-wrap .search-content .u-search__action {
  88. color: #3c9cff !important;
  89. }
  90. .fui-wrap .search-content .u-search {
  91. flex: 0.95 !important;
  92. border: 1px solid #3c9cff !important;
  93. border-radius: 100px !important;
  94. background-color: #fefefe !important;
  95. }
  96. .fui-wrap .search-content .u-search__content {
  97. border: none !important;
  98. background-color: #fefefe !important;
  99. }
  100. .fui-wrap .search-content .u-search__content .u-search__content__input {
  101. background-color: #fefefe !important;
  102. }