Explorar el Código

🎨 fix(order-list): 修复订单列表页状态条布局,确保标签在一行内显示

- 添加 flex-nowrap 防止标签换行
- 添加 whitespace-nowrap 确保文本不换行
- 优化标签容器布局,支持水平滚动

🤖 Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname hace 1 mes
padre
commit
a2ca936fbe
Se han modificado 1 ficheros con 2 adiciones y 2 borrados
  1. 2 2
      mini/src/pages/order-list/index.tsx

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

@@ -140,7 +140,7 @@ export default function OrderListPage() {
 
       {/* 顶部标签栏 - 根据tcb-shop-demo设计规范 */}
       <View className="bg-white shadow-sm">
-        <View className="flex-row px-4 overflow-x-auto">
+        <View className="flex flex-row flex-nowrap px-4 overflow-x-auto">
           {tabs.map((tab) => (
             <View
               key={tab.key}
@@ -151,7 +151,7 @@ export default function OrderListPage() {
               }`}
               onClick={() => setActiveTab(tab.key)}
             >
-              <Text className="text-sm font-medium">{tab.label}</Text>
+              <Text className="text-sm font-medium whitespace-nowrap">{tab.label}</Text>
             </View>
           ))}
         </View>