diff --git a/pages/discount/discount.vue b/pages/discount/discount.vue index 68daaf2..66f6ba0 100644 --- a/pages/discount/discount.vue +++ b/pages/discount/discount.vue @@ -22,11 +22,14 @@ {{ item.name }} {{ item.category }} - {{ item.address }} - - - - {{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }} + + + {{ item.address }} + + + {{ item.distance < 1 ? Math.round(item.distance * 1000) + 'm' : Math.round(item.distance) + 'km' }} + + @@ -218,6 +221,10 @@ export default { font-size: 16px; font-weight: 500; color: #000000; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .card-category { @@ -226,14 +233,21 @@ export default { margin-top: 8px; } +.card-address-row { + display: flex; + align-items: center; + gap: 8px; + width: 100%; + margin-top: 8px; +} + .card-address { + flex: 1; font-size: 14px; color: #727272; - margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - max-width: 200px; } .card-distance {