added.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. page {
  2. width: 100%;
  3. margin: 0;
  4. background-color: #f8f9fd;
  5. }
  6. .custom-class {
  7. width: 100% !important;
  8. }
  9. .top {
  10. position: fixed;
  11. top: 2rpx;
  12. }
  13. .title {
  14. display: flex;
  15. }
  16. .title-label-class {
  17. font-size: 16px;
  18. font-weight: 500;
  19. color: #002340
  20. }
  21. .expand-class {
  22. margin-left: 20rpx;
  23. display: flex;
  24. }
  25. .panel-class {
  26. margin-top: 44rpx;
  27. width: 92vw;
  28. margin-left: 4vw;
  29. }
  30. .van-dropdown-menu__item {
  31. flex: 0.7 !important;
  32. }
  33. .menu-box {
  34. width: 100%;
  35. box-sizing: border-box;
  36. padding: 0 0 0 22rpx;
  37. display: flex;
  38. align-items: center;
  39. background: white;
  40. }
  41. .title-class {
  42. width: 100% !important;
  43. }
  44. .van-ellipsis {
  45. font-size: 32rpx;
  46. }
  47. .field-class {
  48. height: 60rpx;
  49. width: 100% !important;
  50. padding: 0;
  51. display: flex;
  52. align-items: center;
  53. }
  54. .van-search--withaction {
  55. padding-right: 0;
  56. width: 488rpx !important;
  57. }
  58. .van-field__input--center {
  59. text-align: left !important;
  60. }
  61. .index-grid-item-class {
  62. background: transparent !important;
  63. }
  64. .index-grid-item-text-class {
  65. color: #191919 !important;
  66. font-style: normal;
  67. font-weight: 400;
  68. font-size: 12px;
  69. /* line-height: 34px; */
  70. }
  71. .van-search__content {
  72. border: 3rpx solid #00000038;
  73. }
  74. .icon-title_diamond {
  75. width: 35rpx;
  76. height: 35rpx;
  77. position: relative;
  78. left: 5rpx;
  79. top: 5rpx;
  80. }
  81. .index-grid-item-icon-class {
  82. width: 80rpx !important;
  83. height: 80rpx !important;
  84. background: red;
  85. }
  86. .grid {
  87. border-radius: 15rpx !important;
  88. }
  89. .app-name {
  90. font-weight: 500;
  91. font-size: 16px;
  92. color: #002340;
  93. line-height: 40rpx;
  94. margin-bottom: 21rpx;
  95. }
  96. /* .app-item{
  97. display: flex;
  98. justify-content: center;
  99. } */
  100. .app-item:nth-child(n+5) {
  101. margin-top: 50rpx;
  102. }
  103. .vip-icon-view {
  104. width: 100%;
  105. position: relative;
  106. z-index: 1000;
  107. }
  108. .icon-title_diamond {
  109. width: 40rpx;
  110. height: 40rpx;
  111. position: absolute;
  112. left: 35rpx;
  113. }
  114. .buy-class {
  115. height: 90rpx;
  116. width: 100%;
  117. display: flex;
  118. justify-content: flex-end;
  119. align-items: center;
  120. }
  121. .bottom-class {
  122. background: #fff;
  123. position: fixed;
  124. bottom: 0;
  125. width: 100%;
  126. height: 302rpx;
  127. border-top: 1px solid #efefef;
  128. padding: 20rpx;
  129. z-index: 7;
  130. }
  131. .bottom-class-button {
  132. background: #fff;
  133. position: fixed;
  134. bottom: 0;
  135. width: 100%;
  136. z-index: 2;
  137. margin-bottom: 45rpx;
  138. }
  139. .view-margin{
  140. margin: 1rpx 0 15rpx 0;
  141. margin-right: 15rpx;
  142. padding-left: 15rpx;
  143. font-size: 13px;
  144. }