storeDetail.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .container{
  2. height: 100vh;
  3. }
  4. .content{
  5. margin: 34rpx 32rpx;
  6. flex: 1;
  7. overflow: auto;
  8. }
  9. .shop-card{
  10. height: 160rpx;
  11. display: flex;
  12. padding-bottom: 32rpx;
  13. border-bottom: 1px solid #EEEEEE;
  14. }
  15. .card-img{
  16. width: 160rpx;
  17. height: 160rpx;
  18. background: #FFFFFF;
  19. border-radius: 28rpx;
  20. margin-right: 18rpx;
  21. }
  22. .card-ri{
  23. flex: 1;
  24. }
  25. .card-ri-title{
  26. font-weight: 500;
  27. font-size: 28rpx;
  28. color: #000000;
  29. line-height: 40rpx;
  30. }
  31. .card-ri-time{
  32. font-weight: 400;
  33. font-size: 24rpx;
  34. color: #000000;
  35. line-height: 40rpx;
  36. margin: 12rpx 0 34rpx;
  37. }
  38. .card-ri-distance{
  39. font-weight: 400;
  40. font-size: 24rpx;
  41. color: #FFA000;
  42. line-height: 40rpx;
  43. }
  44. .address{
  45. padding:32rpx 0 36rpx;
  46. border-bottom: 1px solid #EEEEEE;
  47. font-weight: 400;
  48. font-size: 24rpx;
  49. color: #000000;
  50. line-height: 40rpx;
  51. display: flex;
  52. align-items: center;
  53. margin-bottom: 36rpx;
  54. }
  55. .address-text{
  56. flex: 1;
  57. }
  58. .address-icon{
  59. margin-left: 20rpx;
  60. display: flex;
  61. align-items: center;
  62. }
  63. .ad-img{
  64. width: 56rpx;
  65. height: 56rpx;
  66. margin-left: 20rpx;
  67. }
  68. .detail{
  69. width: 100%;
  70. height: 1000rpx;
  71. border-radius: 20rpx;
  72. }