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

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

@@ -569,6 +569,7 @@ export default function Bind() {
   if (loading) {
     return (
       <View className='bind-page'>
+        <View className='bb-design-nav-title'><Text>微信登录</Text></View>
         <View className='loading'>
           <Text>加载中...</Text>
         </View>
@@ -579,6 +580,7 @@ export default function Bind() {
 
   return (
     <View className='bind-page'>
+      <View className='bb-design-nav-title'><Text>微信登录</Text></View>
       <View className='bind-header'>
         <View className='back-btn' onClick={handleBack}>
           <Image className='back-icon' src={require('../../assets/tab-icons/arrow-left.png')} mode='aspectFit' />
@@ -587,6 +589,16 @@ export default function Bind() {
         <Text className='title'>{pageTitle}</Text>
       </View>
 
+      {bindStatus === SESSION_STATUS_PENDING && (
+        <Image className='bind-state-mascot pending' src={require('../../assets/ui/dog-running.png')} mode='aspectFit' />
+      )}
+      {bindStatus === SESSION_STATUS_COMPLETED && (
+        <Image className='bind-state-mascot success' src={require('../../assets/ui/dog-success.png')} mode='aspectFit' />
+      )}
+      {(bindStatus === SESSION_STATUS_EXPIRED || bindStatus === SESSION_STATUS_FAILED || bindStatus === SESSION_STATUS_CANCELLED) && (
+        <Image className='bind-state-mascot failure' src={require('../../assets/ui/dog-failure.png')} mode='aspectFit' />
+      )}
+
       {isAddingCard ? (
         <View className='pending-device-card'>
           <View className='icon-bg orange'>