فهرست منبع

💄 style(navbar): 修改导航栏背景色为主题色

- 将订单详情页导航栏背景色从透明改为主题色
- 将我的订单页导航栏背景色从透明改为主题色

🐛 fix(order-detail): 隐藏待出发状态下的取消订单按钮

- 在订单详情页为底部操作按钮容器添加hidden类,隐藏取消订单按钮
yourname 3 ماه پیش
والد
کامیت
d3a827f9fd
2فایلهای تغییر یافته به همراه3 افزوده شده و 3 حذف شده
  1. 2 2
      mini/src/pages/order-detail/index.tsx
  2. 1 1
      mini/src/pages/orders/index.tsx

+ 2 - 2
mini/src/pages/order-detail/index.tsx

@@ -146,7 +146,7 @@ const OrderDetailPage = () => {
     <View className="min-h-screen bg-gradient-to-b from-[#5B9BD5] to-[#4A90C2] pb-[calc(100rpx+env(safe-area-inset-bottom))]">
       <Navbar
         title="订单详情"
-        backgroundColor="bg-transparent"
+        backgroundColor="bg-primary"
         textColor="text-white"
         border={false}
         leftIcon="i-heroicons-arrow-left-20-solid"
@@ -275,7 +275,7 @@ const OrderDetailPage = () => {
 
       {/* 底部操作按钮 */}
       {order.status === OrderStatus.WAITING_DEPARTURE && (
-        <View className="fixed bottom-0 left-0 right-0 bg-white/95 backdrop-blur-[12rpx] p-[24rpx_32rpx] pb-[calc(24rpx+env(safe-area-inset-bottom))] shadow-[0_-4rpx_20rpx_rgba(0,0,0,0.1)] border-t border-gray-200/60">
+        <View className="hidden fixed bottom-0 left-0 right-0 bg-white/95 backdrop-blur-[12rpx] p-[24rpx_32rpx] pb-[calc(24rpx+env(safe-area-inset-bottom))] shadow-[0_-4rpx_20rpx_rgba(0,0,0,0.1)] border-t border-gray-200/60">
           <Button
             className="w-full bg-gradient-to-r from-[#ff4d4f] to-[#ff7875] text-white border-none rounded-[50rpx] p-[24rpx] text-[32rpx] font-semibold shadow-[0_8rpx_24rpx_rgba(255,77,79,0.3)] transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] active:translate-y-[2rpx] active:shadow-[0_4rpx_12rpx_rgba(255,77,79,0.2)]"
             onClick={handleCancelOrder}

+ 1 - 1
mini/src/pages/orders/index.tsx

@@ -295,7 +295,7 @@ const OrdersPage = () => {
     <TabBarLayout activeKey="orders" className='bg-gradient-to-b from-primary to-primary-dark min-h-screen'>
       <Navbar
         title="我的订单"
-        backgroundColor="bg-transparent"
+        backgroundColor="bg-primary"
         textColor="text-white"
         border={false}
         leftIcon=""