index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. page{
  2. background-color: #FF8700;
  3. }
  4. .inputContent {
  5. width: 95%;
  6. margin: 0 auto;
  7. height: 80rpx;
  8. background-color: #F4F4F4;
  9. border-radius: 5%;
  10. display: flex;
  11. justify-content: space-around;
  12. align-items: center;
  13. border-radius: 60rpx;
  14. }
  15. .inputContent input {
  16. font-size: 28rpx;
  17. }
  18. .inputContent button {
  19. width: 120rpx;
  20. height: 60rpx;
  21. border-radius: 60rpx;
  22. font-size: 30rpx;
  23. color: white;
  24. line-height: 60rpx;
  25. background-color: orange;
  26. margin-left: 0 !important;
  27. margin-right: -30rpx !important;
  28. }
  29. .show_clear {
  30. display: flex;
  31. justify-content: space-between;
  32. align-items: center;
  33. padding: 10px;
  34. }
  35. /* search true */
  36. .search_content_true {
  37. height: 95vh;
  38. width: 100%;
  39. display: flex;
  40. justify-content: center;
  41. align-items: center;
  42. flex-direction: column;
  43. /* background-color: rgb(112, 218, 144); */
  44. }
  45. .search_content_true image {
  46. width: 60%;
  47. }
  48. /* search false */
  49. .search_content_false {
  50. height: 340rpx;
  51. width: 100%;
  52. background-color: rgb(233, 233, 233);
  53. display: flex;
  54. justify-content: space-around;
  55. align-items: center;
  56. }
  57. .search_content_false image {
  58. width: 100%;
  59. height: 100%;
  60. }
  61. .search_content_false .pic{
  62. width: 200rpx;
  63. height: 200rpx;
  64. }
  65. .search_content_false .desc{
  66. display: flex;
  67. flex-direction: column;
  68. }