searchZmt.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .content.data-v-24babb1a {
  12. background-color: #fff;
  13. }
  14. .Search-box.data-v-24babb1a {
  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-24babb1a {
  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-24babb1a {
  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-24babb1a {
  42. width: 21rpx;
  43. height: 11rpx;
  44. margin-bottom: 4rpx;
  45. }
  46. .Search-box .Search-box-size.data-v-24babb1a {
  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-24babb1a {
  56. height: 32rpx;
  57. width: 32rpx;
  58. margin-right: 16rpx;
  59. }
  60. .Search-box .Search-box-size .box-word.data-v-24babb1a {
  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-24babb1a {
  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-24babb1a {
  76. flex-shrink: 0;
  77. height: 100rpx;
  78. width: 100rpx;
  79. border-radius: 50%;
  80. }
  81. .dy-wrap .user-logo image.data-v-24babb1a {
  82. width: 100%;
  83. height: 100%;
  84. border-radius: 50%;
  85. }
  86. .dy-wrap .user-num.data-v-24babb1a {
  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-24babb1a {
  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-24babb1a {
  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-24babb1a {
  112. color: #999999;
  113. background: #E9E9E9;
  114. }