酷炫小程序

searchSuper.wxss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .search{
  2. padding: 20rpx;
  3. display: flex;
  4. justify-content: space-between;
  5. background: #ffffff;
  6. }
  7. .search input,.searchButton{
  8. height: 60rpx;
  9. border-radius: 10rpx;
  10. text-align: center;
  11. font-size: 28rpx;
  12. }
  13. .search input{
  14. background:#F4F4F4;
  15. width: 600rpx;
  16. }
  17. .searchButton{
  18. width:100rpx;
  19. background:linear-gradient(90deg,#ff7439,#ff261f);
  20. line-height: 60rpx;
  21. color: #ffffff;
  22. }
  23. .searchRecommend{
  24. padding: 20rpx;
  25. }
  26. .searchList{
  27. border-bottom: 2rpx solid #F4F4F4;
  28. font-size: 30rpx;
  29. color: #333;
  30. }
  31. .searchList text{
  32. line-height: 60rpx;
  33. }
  34. .searchcion{
  35. margin-right: 20rpx;
  36. vertical-align: middle;
  37. }
  38. .hotSearchKeys {
  39. width: 100%;
  40. display: flex;
  41. flex-flow: wrap;
  42. margin: 0 20rpx 0 20rpx;
  43. }
  44. .searchKey,.seartActive {
  45. padding: 0 20rpx;
  46. border-radius: 20rpx;
  47. line-height: 40rpx;
  48. border: 2rpx solid #eeeeee;
  49. margin: 10rpx;
  50. font-size: 24rpx;
  51. color: #333;
  52. }
  53. /* 回到顶部 */
  54. .goTop{
  55. width: 80rpx;
  56. height: 80rpx;
  57. position: fixed;
  58. z-index: 9;
  59. bottom: 120rpx;
  60. right: 20rpx;
  61. }
  62. .hot{
  63. font-size: 28rpx;
  64. line-height: 40rpx;
  65. color: #333;
  66. margin: 8rpx 22rpx;
  67. }
  68. .seartActive{
  69. color: #FF1E00;
  70. }