searchArt.wxss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .content.data-v-68a1d796 {
  12. background-color: #fff;
  13. }
  14. .Search-box.data-v-68a1d796 {
  15. position: absolute;
  16. top: 0;
  17. width: 750rpx;
  18. padding-left: 20rpx;
  19. padding-right: 20rpx;
  20. height: 100rpx;
  21. background: #ffffff;
  22. display: flex;
  23. justify-content: space-around;
  24. align-items: center;
  25. }
  26. .Search-box .Search-box-sort.data-v-68a1d796 {
  27. font-size: 30rpx;
  28. flex-shrink: 0;
  29. font-weight: 500;
  30. color: #666666;
  31. }
  32. .Search-box .Search-box-sort .sort-text.data-v-68a1d796 {
  33. width: 57rpx;
  34. height: 29rpx;
  35. font-size: 30rpx;
  36. font-weight: 500;
  37. color: #333333;
  38. line-height: 58rpx;
  39. margin-right: 19rpx;
  40. }
  41. .Search-box .Search-box-sort .sort-img.data-v-68a1d796 {
  42. width: 21rpx;
  43. height: 11rpx;
  44. margin-bottom: 4rpx;
  45. }
  46. .Search-box .Search-box-size.data-v-68a1d796 {
  47. width: 605rpx;
  48. height: 65rpx;
  49. border-radius: 32rpx;
  50. background-color: #f1f1f1;
  51. padding-left: 36rpx;
  52. display: flex;
  53. align-items: center;
  54. }
  55. .Search-box .Search-box-size .box-img.data-v-68a1d796 {
  56. height: 32rpx;
  57. width: 32rpx;
  58. margin-right: 16rpx;
  59. }
  60. .Search-box .Search-box-size .box-word.data-v-68a1d796 {
  61. width: 100%;
  62. font-size: 22rpx;
  63. font-weight: 500;
  64. color: #cdcbcb;
  65. line-height: 55rpx;
  66. color: #000000;
  67. }
  68. .dy-wrap.data-v-68a1d796 {
  69. width: 707rpx;
  70. background: #fff;
  71. margin: auto;
  72. border-bottom: #E9E9E9 solid 1px;
  73. padding: 20rpx 0;
  74. }
  75. .dy-wrap .user-logo.data-v-68a1d796 {
  76. flex-shrink: 0;
  77. height: 100rpx;
  78. width: 100rpx;
  79. border-radius: 50%;
  80. }
  81. .dy-wrap .user-logo image.data-v-68a1d796 {
  82. width: 100%;
  83. height: 100%;
  84. border-radius: 50%;
  85. }
  86. .dy-wrap .user-num.data-v-68a1d796 {
  87. flex-grow: 1;
  88. padding-left: 10rpx;
  89. font-size: 24rpx;
  90. font-weight: 500;
  91. color: #999999;
  92. }
  93. .dy-wrap .user-num .user-name.data-v-68a1d796 {
  94. font-size: 34rpx;
  95. font-weight: 600;
  96. color: #333333;
  97. padding-right: 20rpx;
  98. padding: 0 20rpx 20rpx 0;
  99. }
  100. .dy-wrap .dy-btn.data-v-68a1d796 {
  101. flex-shrink: 0;
  102. text-align: center;
  103. width: 136rpx;
  104. line-height: 66rpx;
  105. border-radius: 10rpx;
  106. font-size: 28rpx;
  107. font-weight: 500;
  108. background: #E6645F;
  109. color: #fff;
  110. }
  111. .dy-wrap .dying.data-v-68a1d796 {
  112. color: #999999;
  113. background: #E9E9E9;
  114. }
  115. .art-list.data-v-68a1d796 {
  116. background-color: #fff;
  117. width: 750rpx;
  118. font-size: 31rpx;
  119. font-weight: 500;
  120. color: #323232;
  121. }
  122. .art-item.data-v-68a1d796 {
  123. width: 691rpx;
  124. border-bottom: #E1E1E1 1px solid;
  125. margin: auto;
  126. }
  127. .art-item-zero.data-v-68a1d796 {
  128. height: 153rpx;
  129. flex-direction: column;
  130. justify-content: space-between;
  131. align-items: flex-start;
  132. padding: 20rpx 0;
  133. border-bottom: #E1E1E1 1px solid;
  134. }
  135. .art-item-one.data-v-68a1d796 {
  136. height: 195rpx;
  137. margin: auto;
  138. padding: 30rpx 0 20rpx;
  139. }
  140. .art-item-one .art-left.data-v-68a1d796 {
  141. height: 100%;
  142. flex-direction: column;
  143. justify-content: space-between;
  144. align-items: flex-start;
  145. padding-right: 40rpx;
  146. }
  147. .art-item-one .art-right.data-v-68a1d796 {
  148. width: 227rpx;
  149. height: 145rpx;
  150. border-radius: 10rpx;
  151. flex-shrink: 0;
  152. }
  153. .art-item-one .art-right image.data-v-68a1d796 {
  154. width: 100%;
  155. height: 100%;
  156. border-radius: 10rpx;
  157. }
  158. .art-item-three.data-v-68a1d796 {
  159. height: 345rpx;
  160. flex-direction: column;
  161. justify-content: space-between;
  162. align-items: flex-start;
  163. padding: 30rpx 0;
  164. }
  165. .art-item-three .art-img-list.data-v-68a1d796 {
  166. width: 100%;
  167. height: 145rpx;
  168. }
  169. .art-item-three .art-img-list image.data-v-68a1d796 {
  170. width: 220rpx;
  171. height: 145rpx;
  172. border-radius: 10rpx;
  173. margin-right: 15rpx;
  174. }
  175. .art-item-three .art-img-list image.data-v-68a1d796:last-child {
  176. margin-right: 0;
  177. }
  178. .hot.data-v-68a1d796 {
  179. width: 22rpx;
  180. height: 22rpx;
  181. margin-right: 10rpx;
  182. }
  183. .art-time.data-v-68a1d796 {
  184. display: inline-block;
  185. font-size: 24rpx;
  186. font-weight: 500;
  187. color: #7F8699;
  188. }
  189. .art-time text.data-v-68a1d796 {
  190. margin-right: 10rpx;
  191. }