diff --git a/components/fy-header.vue b/components/fy-header.vue
index 031c96a..89e1f68 100644
--- a/components/fy-header.vue
+++ b/components/fy-header.vue
@@ -4,8 +4,8 @@
{{ leftLabel }}
‹
- {{ title }}
+ {{ title }}
@@ -58,19 +58,29 @@ export default {
padding: 0 28rpx;
display: flex;
align-items: center;
- justify-content: space-between;
+ position: relative;
}
-.left { display: flex; align-items: center; min-width: 0; }
+.left, .right {
+ width: 160rpx;
+ display: flex;
+ align-items: center;
+ flex-shrink: 0;
+ z-index: 1;
+}
+.right { margin-left: auto; justify-content: flex-end; gap: 4rpx; }
.back {
font-size: 52rpx;
line-height: 1;
- margin-right: 4rpx;
color: #111827;
width: 56rpx;
font-weight: 300;
}
-.leftlab { font-size: 28rpx; color: #1677FF; margin-right: 16rpx; }
+.leftlab { font-size: 28rpx; color: #1677FF; }
.title {
+ position: absolute;
+ left: 180rpx;
+ right: 180rpx;
+ text-align: center;
font-size: 34rpx;
font-weight: 600;
color: #111827;
@@ -78,7 +88,5 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
- max-width: 440rpx;
}
-.right { display: flex; align-items: center; gap: 4rpx; }