search.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /* pages/search/search.wxss */
  2. page{
  3. padding: 16rpx 30rpx;
  4. }
  5. scroll-view{
  6. height: calc(100vh - 180rpx);
  7. }
  8. .search{
  9. position: relative;
  10. display: flex;
  11. justify-content: space-between;
  12. }
  13. .search input{
  14. width: 88%;
  15. background: #F7F7F7;
  16. height: 68rpx;
  17. padding-left: 70rpx;
  18. border-radius: 8rpx;
  19. box-sizing: border-box;
  20. font-size: 30rpx;
  21. }
  22. .search text{
  23. font-size: 30rpx;
  24. line-height: 68rpx;
  25. }
  26. .search image{
  27. position: absolute;
  28. height: 40rpx;
  29. left: 20rpx;
  30. top: 0;
  31. bottom: 0;
  32. margin: auto;
  33. }
  34. .picker_tab{
  35. display: flex;
  36. padding: 16rpx 100rpx;
  37. justify-content: space-between;
  38. }
  39. .picker{
  40. font-size: 30rpx;
  41. }
  42. .picker image{
  43. height: 24rpx;
  44. }
  45. .name{
  46. font-size: 32rpx;
  47. font-weight: 500;
  48. margin-bottom: 20rpx;
  49. }
  50. .name>text{
  51. color: #AAAAAA;
  52. font-size: 22rpx;
  53. border: 1px solid #AAAAAA;
  54. border-radius: 4rpx;
  55. font-weight: 400;
  56. padding: 0 4rpx;
  57. position: relative;
  58. top: -3rpx;
  59. }
  60. .name view{
  61. float: right;
  62. color: #CE994F;
  63. font-size: 22rpx;
  64. text-align: center;
  65. position: relative;
  66. top: -5rpx;
  67. }
  68. .info{
  69. font-size: 30rpx;
  70. padding: 10rpx 0;
  71. display: flex;
  72. }
  73. .info view{
  74. color: #666;
  75. width: 85%;
  76. vertical-align: top;
  77. }
  78. .info label{
  79. font-weight: 500;
  80. color: #333;
  81. }
  82. .info .tag{
  83. font-size: 28rpx;
  84. color: #CE994F;
  85. border: 1px solid #CE994F;
  86. border-radius: 8rpx;
  87. margin-right: 8rpx;
  88. font-weight: 400;
  89. padding: 0 8rpx;
  90. }
  91. .player{
  92. border-bottom: 1px solid #F5F5F5;
  93. padding: 30rpx 0;
  94. }