基本样式变更

components/fy-header.vue

@@ -47,22 +47,38 @@ export default {
 
 <style scoped>
 .hd {
-  background: rgba(250, 248, 255, 0.96);
-  border-bottom: 1rpx solid rgba(0, 0, 0, 0.04);
+  background: rgba(245, 247, 250, 0.94);
+  border-bottom: 1rpx solid rgba(17, 24, 39, 0.06);
   position: sticky;
   top: 0;
   z-index: 20;
 }
 .bar {
   height: 88rpx;
-  padding: 0 24rpx;
+  padding: 0 28rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .left { display: flex; align-items: center; min-width: 0; }
-.back { font-size: 48rpx; line-height: 1; margin-right: 8rpx; color: #131b2e; width: 48rpx; }
-.leftlab { font-size: 30rpx; color: #131b2e; margin-right: 16rpx; }
-.title { font-size: 36rpx; font-weight: 600; color: #131b2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420rpx; }
-.right { display: flex; align-items: center; gap: 8rpx; }
+.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; }
+.title {
+  font-size: 34rpx;
+  font-weight: 600;
+  color: #111827;
+  letter-spacing: 0.2rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 440rpx;
+}
+.right { display: flex; align-items: center; gap: 4rpx; }
 </style>