home.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .uni-margin-wrap {
  2. width: 750rpx;
  3. width: 100%;
  4. }
  5. .swiper {
  6. height: 460rpx;
  7. }
  8. .swiper-item {
  9. height: 460rpx;
  10. line-height: 460rpx;
  11. text-align: center;
  12. }
  13. .pictures {
  14. width: 100%;
  15. height: 460rpx;
  16. }
  17. .van-notice-bar__content {
  18. width: 648rpx;
  19. }
  20. .list {
  21. height: 40rpx;
  22. line-height: 40rpx;
  23. }
  24. .product .title {
  25. display: flex;
  26. justify-content: space-between;
  27. align-items: center;
  28. margin: 20rpx 10rpx;
  29. font-size: 28rpx;
  30. }
  31. .product .title text:last-child {
  32. color: #ccc;
  33. font-size: 21rpx;
  34. }
  35. .product .product_list {
  36. display: flex;
  37. flex-wrap: wrap;
  38. }
  39. .product .product_list .main {
  40. width: 33%;
  41. display: flex;
  42. flex-direction: column;
  43. align-items: center;
  44. margin: 18rpx 0;
  45. }
  46. .product .product_list .main image {
  47. width: 200rpx;
  48. height: 200rpx;
  49. border-radius: 8rpx;
  50. }
  51. .product .product_list .main .name {
  52. width: 200rpx;
  53. font-size: 22rpx;
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. display: -webkit-box;
  57. -webkit-box-orient: vertical;
  58. -webkit-line-clamp: 2;
  59. }
  60. .product .product_list .main .price {
  61. width: 200rpx;
  62. color: #f00;
  63. }