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:
DEV_DSW
2026-05-29 11:03:57 +08:00
parent 07d6f305b7
commit 265993313e
12 changed files with 26 additions and 42 deletions

View File

@@ -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>