Przeglądaj źródła

💄 style(order-detail, passengers): fix layout issues by adding box-border class

- add box-border to ScrollView in order-detail page to fix padding calculation
- add box-border to ScrollView in passengers page to ensure proper layout rendering
yourname 3 miesięcy temu
rodzic
commit
6991b31bdb

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

@@ -153,7 +153,7 @@ const OrderDetailPage = () => {
         onClickLeft={() => Taro.navigateBack()}
         rightIcon=""
       />
-      <ScrollView className="px-[32rpx] pt-4" scrollY>
+      <ScrollView className="px-[32rpx] pt-4 box-border" scrollY>
         {/* 订单基本信息 */}
         <View className="bg-white/96 backdrop-blur-[16rpx] rounded-[28rpx] p-[36rpx] mb-[32rpx] shadow-[0_12rpx_40rpx_rgba(74,144,194,0.18)] border border-white/40">
           <Text className="text-[36rpx] font-semibold text-gray-900 mb-[24rpx] tracking-[0.5rpx]">订单信息</Text>

+ 1 - 1
mini/src/pages/passengers/passengers.tsx

@@ -330,7 +330,7 @@ const PassengersPage: React.FC = () => {
       </View>
 
       {/* 乘车人列表 */}
-      <ScrollView className="px-4 mt-3 flex-1">
+      <ScrollView className="px-4 mt-3 flex-1 box-border">
         {isLoading ? (
           <View className="flex items-center justify-center py-20">
             <View className="i-heroicons-arrow-path-20-solid animate-spin w-8 h-8 text-blue-500" />