feat: 我的订单样式调整

src/components/TopNavBar/index.vue

@@ -7,18 +7,33 @@
     ></view>
 
     <!-- 导航栏内容 -->
-    <view class="nav-bar-content" :style="{ height: navBarHeight + 'px' }">
+    <view
+      class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
+      :style="{ height: navBarHeight + 'px' }"
+    >
       <!-- 左侧返回按钮 -->
-      <view class="nav-bar-left" @click="handleBack" v-if="showBack">
+      <view
+        class="nav-bar-left flex flex-items-center flex-justify-center"
+        v-if="showBack"
+        @click="handleBack"
+      >
         <uni-icons type="left" size="20" :color="backIconColor" />
       </view>
 
       <!-- 中间标题区域 -->
-      <view :class="['nav-bar-center', `nav-bar-center--${titleAlign}`]">
+      <view
+        :class="[
+          'nav-bar-center flex flex-items-center flex-justify-center',
+          `nav-bar-center--${titleAlign}`,
+        ]"
+      >
         <slot name="title">
-          <text class="nav-bar-title" :style="{ color: titleColor }">{{
-            title
-          }}</text>
+          <text
+            class="font-size-17 font-500 color-000"
+            :style="{ color: titleColor }"
+          >
+            {{ title }}
+          </text>
         </slot>
       </view>
 
@@ -45,11 +60,6 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  // 是否添加阴影
-  shadow: {
-    type: Boolean,
-    default: true,
-  },
   // 是否显示返回按钮
   showBack: {
     type: Boolean,
@@ -58,17 +68,17 @@ const props = defineProps({
   // 背景颜色
   backgroundColor: {
     type: String,
-    default: "#ffffff",
+    default: "#d9eeff",
   },
   // 标题颜色
   titleColor: {
     type: String,
-    default: "#333333",
+    default: "#000",
   },
   // 返回按钮图标颜色
   backIconColor: {
     type: String,
-    default: "#333333",
+    default: "#000",
   },
   // 是否隐藏状态栏占位
   hideStatusBar: {
@@ -114,7 +124,6 @@ const navBarClass = computed(() => {
     "top-nav-bar",
     {
       "top-nav-bar--fixed": props.fixed,
-      "has-shadow": props.shadow,
     },
   ];
 });