storeList.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .banner{
  2. border-top:5rpx solid #f4f4f4;
  3. border-bottom:5rpx solid #f4f4f4;
  4. &-img{
  5. width: 100%;
  6. }
  7. }
  8. .list{
  9. background: #fff;
  10. .li{
  11. display: flex;
  12. padding: 30rpx 26rpx;
  13. box-sizing: border-box;
  14. border-bottom: 1px solid #eaeaea;
  15. .pic{
  16. width: 180rpx;
  17. height: 180rpx;
  18. border-radius: 6rpx;
  19. }
  20. .info{
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: space-between;
  24. padding: 5rpx 20rpx;
  25. box-sizing: border-box;
  26. flex-grow: 1;
  27. text-overflow: ellipsis;
  28. overflow: hidden;
  29. .name{
  30. overflow: hidden;
  31. text-overflow: ellipsis;
  32. white-space: nowrap;
  33. font-size: 35rpx;
  34. color: #323232;
  35. font-family: 'PingFang-SC-Bold';
  36. line-height: 30rpx;
  37. }
  38. .address{
  39. overflow: hidden;
  40. text-overflow: ellipsis;
  41. white-space: nowrap;
  42. font-size: 23rpx;
  43. color: #909090;
  44. line-height: 30rpx;
  45. }
  46. .phone{
  47. display: flex;
  48. align-items: center;
  49. &-icon{
  50. width: 26rpx;
  51. height: 23rpx;
  52. }
  53. &-number{
  54. font-size: 21rpx;
  55. line-height: 30rpx;
  56. color: #2289f5;
  57. margin-left: 10rpx;
  58. }
  59. }
  60. }
  61. }
  62. }