From 7eebd7981c1f5d2c569556d1e87f7818cef18cce Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期四, 21 八月 2025 13:15:15 +0800 Subject: [PATCH] 1.样式修改 --- src/pages/cooperativeOffice/collaborativeApproval/index.vue | 77 +------------------------------------- 1 files changed, 3 insertions(+), 74 deletions(-) diff --git a/src/pages/cooperativeOffice/collaborativeApproval/index.vue b/src/pages/cooperativeOffice/collaborativeApproval/index.vue index 69dc26d..0ae745b 100644 --- a/src/pages/cooperativeOffice/collaborativeApproval/index.vue +++ b/src/pages/cooperativeOffice/collaborativeApproval/index.vue @@ -1,15 +1,8 @@ // 瀹℃壒绠$悊涓婚〉闈� <template> <view class="sales-account"> - <!-- 椤甸潰澶撮儴 --> - <view class="page-header"> - <view class="header-left"> - <up-icon name="arrow-left" size="20" color="#333" @click="goBack"></up-icon> - </view> - <view class="header-center"> - <text class="page-title">瀹℃壒绠$悊</text> - </view> - </view> + <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 --> + <PageHeader title="瀹℃壒绠$悊" @back="goBack" /> <!-- 鎼滅储鍜岀瓫閫夊尯鍩� --> <view class="search-filter-section"> @@ -86,6 +79,7 @@ import { ledgerListPage } from "@/api/cooperativeOffice/collaborativeApproval"; + import PageHeader from "@/components/PageHeader.vue"; // 鎼滅储鍏抽敭璇� const searchKeyword = ref(""); @@ -157,72 +151,7 @@ position: relative; } - .page-header { - background: #ffffff; - padding: 16px 20px; - display: flex; - align-items: center; - justify-content: space-between; - border-bottom: 1px solid #f0f0f0; - position: sticky; - /* 鍏煎 iOS 鍒樻捣/鐏靛姩宀涘畨鍏ㄥ尯 */ - padding-top: env(safe-area-inset-top); - top: 0; - z-index: 100; - } - .header-left { - display: flex; - align-items: center; - gap: 8px; - } - - .nav-icon { - width: 24px; - height: 24px; - background: #2979ff; - border-radius: 4px; - display: flex; - align-items: center; - justify-content: center; - } - - .nav-text { - font-size: 14px; - color: #2979ff; - font-weight: 500; - } - - .header-center { - flex: 1; - text-align: center; - } - - .page-title { - font-size: 18px; - font-weight: 600; - color: #333; - } - - .header-right { - display: flex; - align-items: center; - } - - .status-bar { - display: flex; - align-items: center; - gap: 4px; - } - - .signal, - .wifi, - .battery { - width: 16px; - height: 8px; - background: #333; - border-radius: 2px; - } .search-filter-section { padding: 10px 20px; -- Gitblit v1.9.3