优化
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import '@/styles/adminWorkbench.css'
|
||||
import '@/styles/adminDensity.css'
|
||||
import { computed, ref, watch } from 'vue'
|
||||
import { ArrowLeft } from '@lucide/vue'
|
||||
@@ -53,8 +54,8 @@ watch([deliveryNo, customerId], () => { void load() }, { immediate: true })
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AdminPage class="admin-density">
|
||||
<DetailPageLayout aria-label="派送单详情">
|
||||
<AdminPage class="admin-density admin-workbench">
|
||||
<DetailPageLayout aria-label="派送单详情" class="workbench-panel is-flush is-page-surface">
|
||||
<template #header>
|
||||
<el-breadcrumb separator=">" class="detail-breadcrumb">
|
||||
<el-breadcrumb-item>首页</el-breadcrumb-item><el-breadcrumb-item>海外派送</el-breadcrumb-item>
|
||||
@@ -134,10 +135,10 @@ watch([deliveryNo, customerId], () => { void load() }, { immediate: true })
|
||||
.detail-breadcrumb { margin-bottom: var(--admin-space-5); }.detail-heading { display: flex; align-items: center; gap: var(--admin-space-5); }.title-line { display: flex; align-items: center; gap: var(--admin-space-4); }.tab-content h2 { margin: 0 0 var(--admin-space-5); font-size: var(--admin-font-section); line-height: 22px; }
|
||||
@media (max-width: 980px) { .info-grid { grid-template-columns: 1fr; }.info-item, .info-item:nth-child(odd), .info-item:nth-child(even) { padding: 0; }.info-item--wide { grid-column: auto; } }
|
||||
|
||||
:deep(.detail-page-layout) { gap: 0; background: var(--admin-surface); border: 1px solid var(--cc-border); }
|
||||
:deep(.detail-page-layout__header) { padding: var(--admin-space-5); border-bottom: 1px solid var(--cc-border); }
|
||||
:deep(.detail-page-layout) { gap: 0; }
|
||||
:deep(.detail-page-layout__header) { padding: var(--admin-space-5); border-bottom: 1px solid var(--workbench-border); }
|
||||
.detail-title { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: var(--admin-space-5); }
|
||||
.detail-title p { margin: 0; color: var(--cc-muted); font-size: var(--admin-font-title); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.detail-title p { margin: 0; color: var(--workbench-muted); font-size: var(--admin-font-title); font-weight: 600; overflow-wrap: anywhere; }
|
||||
.title-line h1 { margin: 0; font-size: var(--admin-font-section); line-height: 28px; font-weight: 500; }
|
||||
.delivery-detail { min-height: 0; overflow: hidden; border: 0; border-radius: 0; }
|
||||
.tab-content { width: 100%; padding: 0; box-sizing: border-box; }
|
||||
|
||||
Reference in New Issue
Block a user