feat(miniprogram): 按设计稿重写小程序前端界面

banban-mini/src/pages/login/index.tsx

@@ -1,4 +1,4 @@
-import { View, Text, Button, Checkbox, CheckboxGroup } from '@tarojs/components'
+import { View, Text, Button, Checkbox, CheckboxGroup, Image } from '@tarojs/components'
 import { useEffect, useState } from 'react'
 import Taro from '@tarojs/taro'
 import { getToken, wechatLogin } from '@/services/auth'
@@ -134,7 +134,11 @@ export default function Login() {
     <View className='login-page'>
       <View className='login-header'>
         <View className='logo'>
-          <Text className='logo-icon'>🤖</Text>
+          <Image
+            className='login-hero-art'
+            src={require('../../assets/ui/login-hero.png')}
+            mode='aspectFit'
+          />
         </View>
         <Text className='title'>伴伴</Text>
         <Text className='subtitle'>让关爱随时随地</Text>
@@ -143,15 +147,15 @@ export default function Login() {
       <View className='login-content'>
         <View className='features'>
           <View className='feature-item'>
-            <Text className='feature-icon'>💬</Text>
+            <Image className='feature-icon-image' src={require('../../assets/tab-icons/chat-icon.png')} mode='aspectFit' />
             <Text className='feature-text'>AI 智能对话</Text>
           </View>
           <View className='feature-item'>
-            <Text className='feature-icon'>📍</Text>
+            <Image className='feature-icon-image' src={require('../../assets/tab-icons/location-icon.png')} mode='aspectFit' />
             <Text className='feature-text'>实时定位追踪</Text>
           </View>
           <View className='feature-item'>
-            <Text className='feature-icon'>🔋</Text>
+            <Image className='feature-icon-image' src={require('../../assets/tab-icons/device-icon.png')} mode='aspectFit' />
             <Text className='feature-text'>设备状态监控</Text>
           </View>
         </View>