vb

miniprogram/src/pages/index/index.tsx

@@ -65,8 +65,10 @@ export default function Index() {
         </View>
 
         {loading ? (
-          <View className='status-box'>
-            <Text className='loading-text'>正在加载硬件配置...</Text>
+          <View className='skeleton-wrapper'>
+            {[1, 2, 3].map(i => (
+              <View key={i} className='skeleton-card' />
+            ))}
           </View>
         ) : error ? (
           <View className='status-box'>
@@ -75,14 +77,19 @@ export default function Index() {
           </View>
         ) : (
           <View className='product-grid'>
-            {products.map((item) => (
-              <View key={item.id} className='card' onClick={() => goToDetail(item.id)}>
+            {products.map((item, index) => (
+              <View 
+                key={item.id} 
+                className='card fade-in-up' 
+                style={{ animationDelay: `${index * 0.1}s` }}
+                onClick={() => goToDetail(item.id)}
+              >
                 <View className='card-cover'>
                   {item.static_image_url ? (
                     <Image src={item.static_image_url} mode='aspectFill' className='card-img' />
                   ) : (
                     <View className='placeholder-img'>
-                       <Text className='icon-rocket'>🚀</Text>
+                       <View className='radar-scan'></View>
                     </View>
                   )}
                   <View className='card-overlay' />