smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【ele】【mall】diy-editor 的 menu-list 使用 tailwindcss 简化 style

Browse Source
This commit is contained in:
YunaiV
2025-11-03 08:41:18 +08:00
parent 28029becbd
commit 0addd0c77b
1 changed files with 1 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/index.vue
View File

@@ -16,7 +16,7 @@ defineProps<{ property: MenuListProperty }>();
<div <div
v-for="(item, index) in property.list" v-for="(item, index) in property.list"
:key="index" :key="index"
class="item flex h-[42px] flex-row items-center justify-between gap-1 px-3" class="flex h-[42px] flex-row items-center justify-between gap-1 border-t border-[#eee] px-3 first:border-t-0"
> >
<div class="flex flex-1 flex-row items-center gap-2"> <div class="flex flex-1 flex-row items-center gap-2">
<ElImage v-if="item.iconUrl" class="h-4 w-4" :src="item.iconUrl" /> <ElImage v-if="item.iconUrl" class="h-4 w-4" :src="item.iconUrl" />
@@ -33,9 +33,3 @@ defineProps<{ property: MenuListProperty }>();
</div> </div>
</div> </div>
</template> </template>
<style scoped lang="scss">
.item + .item {
border-top: 1px solid #eee;
}
</style>