style(components): standardize borders and refactor popup
Replace legacy `border-bottom` CSS classes with design system's `border-b border-ink-200` across all vue components. Refactor DetailPopup to use van-popup instead of uni-popup, update icon usage, component logic and styling.
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div class="border-top-8">
|
||||
<div class="pt-[12px] pl-[12px] pr-[12px]" v-for="(moduleItem, index) in goodsData.commodityEquipment" :key="index">
|
||||
<div class="flex flex-col items-start" :class="{
|
||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||
'border-b border-ink-200': index < goodsData.commodityEquipment.length - 1,
|
||||
}">
|
||||
<div class="flex items-center flex-row shrink-0">
|
||||
<zn-icon :name="moduleItem.icon" size="20" color="#171717"></zn-icon>
|
||||
|
||||
Reference in New Issue
Block a user