feat: 全站视觉焕新与悬浮玻璃 TabBar 迁移

src/pages/designList/index.tsx

@@ -19,6 +19,8 @@ const STATUS_TABS = [
   { code: 'ordered', label: '已下单' }
 ]
 
+const VISIBLE_STATUS_TABS = STATUS_TABS.filter(tab => tab.code !== 'undesigned')
+
 const STATUS_STYLE: Record<string, { label: string; cls: string }> = {
   undesigned: { label: '未设计', cls: 'badge-pink' },
   designing: { label: '设计中', cls: 'badge-blue' },
@@ -120,27 +122,24 @@ export default function DesignListPage() {
       <ThemedPageMeta />
       <LoginGuard>
         <View className='design-page'>
-          <View className='page-header surface-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
-            <View className='flex-between' style={{ width: '100%' }}>
-              <Text className='back-btn' onTap={() => Taro.navigateBack()}>←</Text>
-              <Text className='page-title'>我的设计清单</Text>
-              <Text className='manage-btn' onTap={handleManage}>
-                {managing ? '完成' : '管理'}
-              </Text>
+          <View className='page-header design-header' style={{ paddingTop: `${safe.headerPaddingTop}px` }}>
+            <View className='header-spacer' />
+            <Text className='header-title'>我的设计清单</Text>
+            <View className='header-manage' onTap={handleManage}>
+              <Text>{managing ? '完成' : '管理'}</Text>
             </View>
           </View>
 
           {/* 状态筛选 */}
           <View className='status-tabs'>
             <ScrollView className='tabs-scroll' scrollX>
-              {STATUS_TABS.map(tab => (
+              {VISIBLE_STATUS_TABS.map(tab => (
                 <View
                   key={tab.code}
-                  className={`tab-item ${activeTab === tab.code ? 'active' : ''}`}
+                  className={`chip ${activeTab === tab.code ? 'active' : ''}`}
                   onTap={() => setActiveTab(tab.code)}
                 >
                   <Text className='tab-label'>{tab.label}</Text>
-                  {activeTab === tab.code && <View className='tab-underline' />}
                 </View>
               ))}
             </ScrollView>
@@ -148,7 +147,7 @@ export default function DesignListPage() {
 
           {/* 批量管理工具栏 */}
           {managing && (
-            <View className='batch-bar surface-card'>
+            <View className='batch-bar'>
               <View className='flex-between' style={{ width: '100%' }}>
                 <View className='batch-select-all' onTap={toggleSelectAll}>
                   <View className={`batch-checkbox ${selected.size === filtered.length && filtered.length > 0 ? 'checked' : ''}`} />
@@ -173,7 +172,7 @@ export default function DesignListPage() {
               return (
                 <View
                   key={item.id}
-                  className={`design-card surface-card ${isSelected ? 'selected' : ''}`}
+                  className={`design-card ${isSelected ? 'selected' : ''}`}
                   onTap={() => managing ? toggleSelect(item.id) : undefined}
                 >
                   <View className='design-body'>
@@ -220,7 +219,6 @@ export default function DesignListPage() {
             )}
           </ScrollView>
 
-          <View style={{ height: '40px' }} />
         </View>
       </LoginGuard>
     </View>