com_search.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /* pages/com_search/com_search.wxss */
  2. /* .search_box {
  3. } */
  4. /* 搜索 */
  5. .base_search {
  6. width: 80%;
  7. height: 80rpx;
  8. background-color: #E8E7E7;
  9. border-radius: 20rpx;
  10. }
  11. .search_text {
  12. float: left;
  13. padding-left: 95rpx;
  14. padding-top: 15rpx;
  15. }
  16. .search_button {
  17. float: right;
  18. margin-top: -64rpx;
  19. margin-right: 20rpx;
  20. font-size: 35rpx;
  21. color: #494545;
  22. }
  23. /* *********************** */
  24. /* 商品展示 */
  25. .commodity {
  26. display: flex;
  27. flex-wrap: wrap; /*自动换行*/
  28. margin-top: 10rpx;
  29. }
  30. .commodity_show {
  31. display: flex;
  32. position: relative;
  33. width: 48%;
  34. height: 500rpx;
  35. padding: 7rpx;
  36. justify-content: center;
  37. }
  38. .commodity_image {
  39. width: 340rpx;
  40. height: 340rpx;
  41. border-radius: 20rpx;
  42. }
  43. .commodity_name {
  44. position: absolute;
  45. top: 360rpx;
  46. left: 15rpx;
  47. width: 350rpx;
  48. white-space: nowrap;
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. }
  52. .price {
  53. position: absolute;
  54. top: 400rpx;
  55. left: 12rpx;
  56. color: #a08016;
  57. font-weight: 600;
  58. }