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/index.vue | 2
src/pages/sales/receiptPayment/index.vue | 11 -
src/pages.json | 2
src/pages/sales/invoicingRegistration/add.vue | 11 -
src/pages/sales/invoiceLedger/detail.vue | 10 -
src/components/PageHeader.vue | 103 ++++++++++++
src/pages/cooperativeOffice/collaborativeApproval/index.vue | 77 ---------
src/components/index.js | 22 ++
src/pages/sales/invoicingRegistration/index.vue | 20 +-
src/pages/sales/salesAccount/index.vue | 78 ---------
src/pages/sales/invoiceLedger/index.vue | 14 -
src/pages/sales/receiptPayment/add.vue | 11 -
src/pages/sales/receiptPaymentLedger/index.vue | 11 -
src/pages/sales/salesAccount/view.vue | 11 -
src/pages/sales/salesAccount/detail.vue | 17 -
src/main.js | 4
src/pages/sales/invoicingRegistration/view.vue | 11 -
src/pages/sales/receiptPaymentLedger/detail.vue | 11 -
src/static/scss/global.scss | 15 +
src/pages/cooperativeOffice/clientVisit/index.vue | 10 +
src/pages/sales/receiptPaymentHistory/index.vue | 15 -
21 files changed, 199 insertions(+), 267 deletions(-)
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
new file mode 100644
index 0000000..6d50e54
--- /dev/null
+++ b/src/components/PageHeader.vue
@@ -0,0 +1,103 @@
+<template>
+ <view class="page-header">
+ <view class="header-left">
+ <up-icon
+ name="arrow-left"
+ size="20"
+ color="#333"
+ @click="handleBack"
+ ></up-icon>
+ </view>
+ <view class="header-center">
+ <text class="page-title">{{ title }}</text>
+ </view>
+ <view class="header-right" v-if="$slots.right">
+ <slot name="right"></slot>
+ </view>
+ </view>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+
+// 瀹氫箟缁勪欢灞炴��
+const props = defineProps({
+ // 椤甸潰鏍囬
+ title: {
+ type: String,
+ default: ''
+ },
+ // 鏄惁鏄剧ず杩斿洖鎸夐挳
+ showBack: {
+ type: Boolean,
+ default: true
+ },
+ // 鑷畾涔夎繑鍥炰簨浠�
+ customBack: {
+ type: Function,
+ default: null
+ }
+});
+
+// 瀹氫箟浜嬩欢
+const emit = defineEmits(['back']);
+
+// 澶勭悊杩斿洖浜嬩欢
+const handleBack = () => {
+ if (props.customBack) {
+ props.customBack();
+ } else {
+ emit('back');
+ uni.navigateBack();
+ }
+};
+</script>
+
+<style scoped lang="scss">
+.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: calc(env(safe-area-inset-top));
+ top: 0;
+ z-index: 100;
+ position: relative;
+}
+
+.header-left {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ min-width: 30px; /* 纭繚鐐瑰嚮鍖哄煙瓒冲澶� */
+}
+
+.header-center {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ pointer-events: none;
+}
+
+.page-title {
+ font-size: 18px;
+ font-weight: 600;
+ color: #333;
+ pointer-events: auto;
+}
+
+.header-right {
+ display: flex;
+ align-items: center;
+ min-width: 44px; /* 纭繚鍙充晶鍖哄煙鏈夎冻澶熺┖闂� */
+ justify-content: flex-end;
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
new file mode 100644
index 0000000..391ed32
--- /dev/null
+++ b/src/components/index.js
@@ -0,0 +1,22 @@
+// 鍏ㄥ眬缁勪欢娉ㄥ唽
+import PageHeader from './PageHeader.vue'
+
+// 缁勪欢鍒楄〃
+const components = [
+ {
+ name: 'PageHeader',
+ component: PageHeader
+ }
+]
+
+// 瀹夎鍑芥暟
+export function setupGlobalComponents(app) {
+ components.forEach(({ name, component }) => {
+ app.component(name, component)
+ })
+}
+
+// 瀵煎嚭缁勪欢
+export {
+ PageHeader
+}
diff --git a/src/main.js b/src/main.js
index b9b51f6..c866fb5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,7 @@
import uviewPlus from 'uview-plus'
import Vant from 'vant';
import 'vant/lib/index.css';
+import { setupGlobalComponents } from './components'
import { createSSRApp } from 'vue'
@@ -23,6 +24,9 @@
app.use(uviewPlus)
app.use(plugins)
app.use(Vant)
+
+ // 娉ㄥ唽鍏ㄥ眬缁勪欢
+ setupGlobalComponents(app)
// #ifndef MP-WEIXIN
// 寰俊灏忕▼搴忎腑涓嶆敮鎸佽嚜瀹氫箟鎸囦护
diff --git a/src/pages.json b/src/pages.json
index e6f1d82..4ef84cf 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -94,7 +94,7 @@
{
"path": "pages/sales/invoiceLedger/index",
"style": {
- "navigationBarTitleText": "寮�绁ㄥ彴璐�",
+ "navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
diff --git a/src/pages/cooperativeOffice/clientVisit/index.vue b/src/pages/cooperativeOffice/clientVisit/index.vue
index f83d156..6e22066 100644
--- a/src/pages/cooperativeOffice/clientVisit/index.vue
+++ b/src/pages/cooperativeOffice/clientVisit/index.vue
@@ -34,6 +34,7 @@
justify-content: space-between;
padding: 10px 20px;
background-color: #f5f5f5;
+ position: relative;
}
.header-left {
display: flex;
@@ -41,11 +42,18 @@
}
.header-center {
flex: 1;
- text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ pointer-events: none;
}
.page-title {
font-size: 18px;
font-weight: bold;
+ pointer-events: auto;
}
</style>
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;
diff --git a/src/pages/index.vue b/src/pages/index.vue
index f435335..42b2cbe 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -5,7 +5,7 @@
<up-text type="primary" :text="userStore.currentFactoryName" @click="show = true" size="18"
class="factoryName" suffixIcon="arrow-right" :iconStyle="iconStyle"></up-text>
</view>
- <up-picker :show="show" :columns="factoryList" @confirm="changeFactory"></up-picker>
+ <up-picker :show="show" :columns="factoryList" @confirm="changeFactory" @cancel="show = false"></up-picker>
</view>
<view class="hero-section">
diff --git a/src/pages/sales/invoiceLedger/detail.vue b/src/pages/sales/invoiceLedger/detail.vue
index 230564a..d8913d3 100644
--- a/src/pages/sales/invoiceLedger/detail.vue
+++ b/src/pages/sales/invoiceLedger/detail.vue
@@ -1,13 +1,7 @@
<template>
<view class="account-detail">
- <van-nav-bar
- title="缂栬緫寮�绁ㄥ彴璐�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="缂栬緫寮�绁ㄥ彴璐�" @back="goBack" />
<van-form @submit="submitForm" ref="formRef" label-width="110px" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center">
<van-cell-group title="鍩烘湰淇℃伅" inset>
diff --git a/src/pages/sales/invoiceLedger/index.vue b/src/pages/sales/invoiceLedger/index.vue
index cc7f81f..bc90b96 100644
--- a/src/pages/sales/invoiceLedger/index.vue
+++ b/src/pages/sales/invoiceLedger/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="sales-account">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="寮�绁ㄥ彴璐�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="寮�绁ㄥ彴璐�" @back="goBack" />
<!-- 鎼滅储鍜岀瓫閫夊尯鍩燂紙淇濇寔涓庨攢鍞彴璐﹂鏍间竴鑷达級 -->
<view class="search-filter-section">
@@ -103,6 +96,7 @@
<van-button
type="danger"
size="small"
+ plain
class="action-btn"
:disabled="item.invoicePerson !== userStore.nickName"
@click="handleDelete(item)"
@@ -112,6 +106,7 @@
<van-button
type="default"
size="small"
+ plain
class="action-btn"
v-if="item.invoiceFileName"
@click="openFileActions(item.commonFiles || [])"
@@ -121,7 +116,6 @@
<van-button
type="primary"
size="small"
- plain
class="action-btn"
v-else
:disabled="item.invoicePerson !== userStore.nickName"
diff --git a/src/pages/sales/invoicingRegistration/add.vue b/src/pages/sales/invoicingRegistration/add.vue
index 154e2ac..64c1931 100644
--- a/src/pages/sales/invoicingRegistration/add.vue
+++ b/src/pages/sales/invoicingRegistration/add.vue
@@ -1,14 +1,7 @@
<template>
<view class="account-detail">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="鏂板寮�绁ㄧ櫥璁�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鏂板寮�绁ㄧ櫥璁�" @back="goBack" />
<!-- 琛ㄥ崟鍐呭 -->
<van-form @submit="submitForm" ref="formRef" label-width="110px" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center">
diff --git a/src/pages/sales/invoicingRegistration/index.vue b/src/pages/sales/invoicingRegistration/index.vue
index e3faef5..4d2a79a 100644
--- a/src/pages/sales/invoicingRegistration/index.vue
+++ b/src/pages/sales/invoicingRegistration/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="sales-account">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="寮�绁ㄧ櫥璁�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="寮�绁ㄧ櫥璁�" @back="goBack" />
<!-- 鎼滅储鍜岀瓫閫夊尯鍩� -->
<view class="search-filter-section">
@@ -246,13 +239,20 @@
.header-center {
flex: 1;
- text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ pointer-events: none;
}
.page-title {
font-size: 18px;
font-weight: 600;
color: #333;
+ pointer-events: auto;
}
.header-right {
diff --git a/src/pages/sales/invoicingRegistration/view.vue b/src/pages/sales/invoicingRegistration/view.vue
index 2050719..c1e08cb 100644
--- a/src/pages/sales/invoicingRegistration/view.vue
+++ b/src/pages/sales/invoicingRegistration/view.vue
@@ -1,14 +1,7 @@
<template>
<view class="account-view">
- <!-- 椤堕儴鏍囬鏍� -->
- <van-nav-bar
- title="寮�绁ㄧ櫥璁拌鎯�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="寮�绁ㄧ櫥璁拌鎯�" @back="goBack" />
<!-- 鍩烘湰淇℃伅灞曠ず -->
<view class="info-section">
diff --git a/src/pages/sales/receiptPayment/add.vue b/src/pages/sales/receiptPayment/add.vue
index 4317bb9..150c570 100644
--- a/src/pages/sales/receiptPayment/add.vue
+++ b/src/pages/sales/receiptPayment/add.vue
@@ -1,14 +1,7 @@
<template>
<view class="account-detail">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="鏂板鍥炴"
- left-text="杩斿洖"
- left-arrow
- @click-left="onClickLeft"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鏂板鍥炴" @back="onClickLeft" />
<!-- 琛ㄥ崟鍐呭 -->
<van-form @submit="onSubmit" ref="formRef" label-width="110px" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center">
diff --git a/src/pages/sales/receiptPayment/index.vue b/src/pages/sales/receiptPayment/index.vue
index 08b2f51..ba54e48 100644
--- a/src/pages/sales/receiptPayment/index.vue
+++ b/src/pages/sales/receiptPayment/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="receipt-payment">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="鍥炴鐧昏"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鍥炴鐧昏" @back="goBack" />
<!-- 鎼滅储鍜岀瓫閫夊尯鍩� -->
<view class="search-filter-section">
diff --git a/src/pages/sales/receiptPaymentHistory/index.vue b/src/pages/sales/receiptPaymentHistory/index.vue
index e2be722..de4620d 100644
--- a/src/pages/sales/receiptPaymentHistory/index.vue
+++ b/src/pages/sales/receiptPaymentHistory/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="receipt-payment-history">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="鍥炴鍘嗗彶"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鍥炴鍘嗗彶" @back="goBack" />
<!-- 鎼滅储鍖哄煙 -->
<view class="search-section">
@@ -273,7 +266,7 @@
.item-tag {
border-radius: 4px;
- padding: 2px 8px;
+ padding: 2px 8px;
}
.tag-electric {
@@ -289,7 +282,7 @@
}
.tag-text {
- font-size: 11px;
+ font-size: 14px;
color: #ffffff;
font-weight: 500;
}
diff --git a/src/pages/sales/receiptPaymentLedger/detail.vue b/src/pages/sales/receiptPaymentLedger/detail.vue
index abc84ef..ba9cd96 100644
--- a/src/pages/sales/receiptPaymentLedger/detail.vue
+++ b/src/pages/sales/receiptPaymentLedger/detail.vue
@@ -1,14 +1,7 @@
<template>
<view class="receipt-payment-detail">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="瀹㈡埛寰�鏉ヨ鎯�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="瀹㈡埛寰�鏉ヨ鎯�" @back="goBack" />
<!-- 缁熻淇℃伅 -->
<view class="summary-info" v-if="tableData.length > 0">
diff --git a/src/pages/sales/receiptPaymentLedger/index.vue b/src/pages/sales/receiptPaymentLedger/index.vue
index 11a16c1..068f4e6 100644
--- a/src/pages/sales/receiptPaymentLedger/index.vue
+++ b/src/pages/sales/receiptPaymentLedger/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="receipt-payment-ledger">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="瀹㈡埛寰�鏉�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="瀹㈡埛寰�鏉�" @back="goBack" />
<!-- 鎼滅储鍖哄煙 -->
<view class="search-section">
diff --git a/src/pages/sales/salesAccount/detail.vue b/src/pages/sales/salesAccount/detail.vue
index 2c2530c..bf3f217 100644
--- a/src/pages/sales/salesAccount/detail.vue
+++ b/src/pages/sales/salesAccount/detail.vue
@@ -1,14 +1,7 @@
<template>
<view class="account-detail">
- <!-- 椤堕儴鏍囬鏍� -->
- <van-nav-bar
- title="鍙拌处璇︽儏"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鍙拌处璇︽儏" @back="goBack" />
<!-- 琛ㄥ崟鍖哄煙 -->
<van-form @submit="onSubmit" label-width="110px" input-align="right" style="margin-top: 10px" error-message-align="right" scroll-to-error scroll-to-error-position="center">
@@ -796,9 +789,6 @@
font-weight: 600;
color: #333;
}
-.add-btn {
- border-radius: 0.25rem;
-}
.product-card {
background: #FFFFFF;
box-shadow: 0 0 1.25rem 0 rgba(0,57,117,0.08);
@@ -846,9 +836,6 @@
}
.product-form {
margin-bottom: 1rem;
-}
-.del-btn {
- border-radius: 0.25rem;
}
.footer-btns {
position: fixed;
diff --git a/src/pages/sales/salesAccount/index.vue b/src/pages/sales/salesAccount/index.vue
index e4756ed..92f3557 100644
--- a/src/pages/sales/salesAccount/index.vue
+++ b/src/pages/sales/salesAccount/index.vue
@@ -1,14 +1,7 @@
<template>
<view class="sales-account">
- <!-- 椤甸潰澶撮儴 -->
- <van-nav-bar
- title="閿�鍞彴璐�"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="閿�鍞彴璐�" @back="goBack" />
<!-- 鎼滅储鍜岀瓫閫夊尯鍩� -->
<view class="search-filter-section">
@@ -103,6 +96,7 @@
import { onShow } from '@dcloudio/uni-app';
import {ledgerListPage} from "@/api/salesManagement/salesLedger";
import useUserStore from "@/store/modules/user";
+import PageHeader from "@/components/PageHeader.vue";
const userStore = useUserStore()
// 鎼滅储鍏抽敭璇�
@@ -195,70 +189,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;
@@ -405,7 +336,7 @@
.fab-button {
position: fixed;
- bottom: 30px;
+ bottom: calc(30px + env(safe-area-inset-bottom));
right: 30px;
width: 56px;
height: 56px;
@@ -416,5 +347,6 @@
justify-content: center;
box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
z-index: 1000;
+ /* 纭繚娴姩鎸夐挳涓嶈搴曢儴瀹夊叏鍖哄煙閬尅 */
}
</style>
diff --git a/src/pages/sales/salesAccount/view.vue b/src/pages/sales/salesAccount/view.vue
index 1076379..558246f 100644
--- a/src/pages/sales/salesAccount/view.vue
+++ b/src/pages/sales/salesAccount/view.vue
@@ -1,14 +1,7 @@
<template>
<view class="account-view">
- <!-- 椤堕儴鏍囬鏍� -->
- <van-nav-bar
- title="鍙拌处璇︽儏"
- left-text="杩斿洖"
- left-arrow
- @click-left="goBack"
- fixed
- placeholder
- />
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader title="鍙拌处璇︽儏" @back="goBack" />
<!-- 鍩烘湰淇℃伅灞曠ず -->
<view class="info-section">
diff --git a/src/static/scss/global.scss b/src/static/scss/global.scss
index ac636bd..092b105 100644
--- a/src/static/scss/global.scss
+++ b/src/static/scss/global.scss
@@ -2,6 +2,21 @@
text-align: center;
}
+/* 绉诲姩绔彲闈犵殑灞呬腑鏂规硶 */
+.center-absolute {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ right: 0;
+ pointer-events: none;
+}
+
+.center-absolute > * {
+ pointer-events: auto;
+}
+
.font-13 {
font-size: 13px;
}
--
Gitblit v1.9.3