Ver código fonte

💄 style(passengers): 优化乘车人页面UI样式

- 调整搜索按钮样式,使用背景色和边框增强视觉效果,添加点击缩放动画
- 将搜索图标从图标库替换为emoji,调整文本大小和间距
- 修改删除按钮样式,从危险样式改为轮廓样式,优化颜色和悬停效果
yourname 3 meses atrás
pai
commit
d6a80d60e0
1 arquivos alterados com 6 adições e 6 exclusões
  1. 6 6
      mini/src/pages/passengers/passengers.tsx

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

@@ -303,14 +303,14 @@ const PassengersPage: React.FC = () => {
       {/* 顶部操作栏 */}
       <View className="px-4 py-4 bg-white shadow-sm">
         <View className="mb-3">
-          <Button
+        <Button
             variant="outline"
-            className="w-full"
+            className="w-full bg-[rgba(74,144,194,0.1)] border-2 border-[rgba(74,144,194,0.2)] text-primary rounded-[50rpx] px-[32rpx] py-[20rpx] transition-all duration-300 active:bg-[rgba(74,144,194,0.15)] active:scale-98"
             onClick={() => setShowSearchBar(!showSearchBar)}
           >
             <View className="flex items-center justify-center">
-              <View className="i-heroicons-magnifying-glass-20-solid w-4 h-4 mr-2" />
-              搜索乘车人
+              <View className="text-[32rpx] mr-[12rpx]">🔍</View>
+              <Text className="text-[28rpx] font-medium">搜索乘车人</Text>
             </View>
           </Button>
         </View>
@@ -402,10 +402,10 @@ const PassengersPage: React.FC = () => {
                       编辑
                     </Button>
                     <Button
-                      variant="destructive"
+                      variant="outline"
                       size="sm"
                       onClick={() => deletePassenger(passenger)}
-                      className="min-w-20"
+                      className="min-w-20 border-red-500 text-red-500 hover:bg-red-50"
                     >
                       删除
                     </Button>