storeList.wxss 1.1 KB

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