huangyicao/banban
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: improve Banban UI and binding diagnostics

Browse Source
This commit is contained in:
stu2not
2026-09-23 20:19:14 +08:00
parent da3f71a2e3
commit 3fd750989f
34 changed files with 4247 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
banban-mini/src/pages/bind/index.tsx
+4
View File
@@ -511,7 +511,10 @@ export default function Bind() {
scanType: ['qrCode', 'barCode'],
success: (res) => {
setIsScanning(false)
console.info('[bind] scanCode success response:', res)
console.info('[bind] scanCode raw result:', res.result || '')
const parsed = parseBindingPayload(res.result || '')
console.info('[bind] scanCode parsed payload:', parsed)
resetBindSessionState()
if (parsed.deviceId) setDeviceId(parsed.deviceId)
if (parsed.serialNumber) setSerialNumber(parsed.serialNumber)
@@ -523,6 +526,7 @@ export default function Bind() {
},
fail: (err) => {
setIsScanning(false)
console.warn('[bind] scanCode failed response:', err)
if (err.errMsg && err.errMsg.includes('cancel')) return
Taro.showToast({
title: '扫码失败，请重试',
banban-mini/src/pages/chat/detail/index.scss
+14 -5
View File
@@ -32,13 +32,15 @@
.character-info {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
.character-avatar {
width: 72px;
height: 72px;
background: linear-gradient(135deg, #FF8C42 0%, #FFB347 100%);
flex-shrink: 0;
background: #fff1d4;
border-radius: 18px;
display: flex;
align-items: center;
@@ -48,10 +50,16 @@
}
.character-text {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
.character-name {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 32px;
font-weight: 600;
color: #1A1A1A;
@@ -61,6 +69,7 @@
.character-desc {
font-size: 24px;
color: #999999;
word-break: break-word;
}
}
}
@@ -124,8 +133,8 @@
.user-avatar {
width: 68px;
height: 68px;
background: #FFE4C4;
border-radius: 50%;
background: #fff1d4;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
@@ -139,7 +148,7 @@
.peer-avatar {
width: 68px;
height: 68px;
background: #FEF3E8;
background: #fff1d4;
border-radius: 18px;
display: flex;
align-items: center;
@@ -253,6 +262,6 @@
letter-spacing: 2px;
}
.chat-avatar-art { width: 100%; height: 100%; }
.chat-avatar-art { display: block; width: 100%; height: 100%; }
.user-avatar { margin-left: 14px; }
.message-item.user .message-bubble { margin: 0; }
banban-mini/src/pages/chat/detail/index.tsx
+2
View File
@@ -768,6 +768,8 @@ export default function ChatDetail() {
<ScrollView
className='chat-list'
scrollY
enhanced
showScrollbar={false}
scrollWithAnimation={scrollWithAnimation}
scrollIntoView={scrollTarget}
>
banban-mini/src/pages/chat/index.scss
+20 -17
View File
@@ -6,20 +6,8 @@
padding-bottom: calc(120px + env(safe-area-inset-bottom));
}
.page-header {
padding: 80px 32px 24px;
.page-title {
font-size: 44px;
font-weight: 700;
color: #1A1A1A;
display: block;
line-height: 1.2;
}
}
.conversation-list {
height: calc(100vh - 200px);
height: calc(100vh - var(--bb-navigation-bar-top) - var(--bb-navigation-bar-height) - 144px - env(safe-area-inset-bottom));
padding: 0 24px;
box-sizing: border-box;
overflow: hidden;
@@ -113,7 +101,7 @@
height: 52px;
padding: 0 18px;
border-radius: 999px;
background: #FFF2E7;
background: #fff1d4;
&:active {
opacity: 0.72;
@@ -159,7 +147,7 @@
}
&.parent {
background: #E8F8F0;
background: #fff1d4;
text {
color: #16A34A;
@@ -262,17 +250,23 @@
color: #999999;
flex-shrink: 0;
margin-left: 16px;
white-space: nowrap;
}
}
.conversation-name-wrap {
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
min-width: 0;
}
.conversation-name {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 32px;
font-weight: 600;
color: #1A1A1A;
@@ -280,6 +274,7 @@
}
.conversation-tag {
flex-shrink: 0;
height: 40px;
padding: 0 14px;
border-radius: 999px;
@@ -301,12 +296,17 @@
}
.conversation-footer {
min-width: 0;
display: flex;
justify-content: space-between;
align-items: center;
.last-message {
display: block;
min-width: 0;
max-width: 100%;
font-size: 28px;
line-height: 1.5;
color: #666666;
flex: 1;
overflow: hidden;
@@ -318,6 +318,9 @@
.conversation-meta {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 10px;
font-size: 24px;
color: #A0A0A0;
@@ -369,5 +372,5 @@
color: #1A1A1A;
}
.conversation-avatar-art { width: 100%; height: 100%; }
.conversation-avatar-art { display: block; width: 100%; height: 100%; }
.conversation-avatar { background: #fff1d4; padding: 8px; box-sizing: border-box; }
banban-mini/src/pages/chat/index.tsx
+5 -4
View File
@@ -1,4 +1,5 @@
import { getParticipantArtwork } from '@/utils/artwork'
import { formatConversationPreview } from '@/utils/chat-preview'
import PageTitle from '@/components/page-title'
import { getPageStyle } from '@/utils/page-style'
import { setActiveTabRoute } from '@/utils/tab-bar'
@@ -172,7 +173,7 @@ export default function Chat() {
<Text className='empty-title'>当前宝贝暂无会话</Text>
</View>
) : (
<ScrollView className='conversation-list' scrollY>
<ScrollView className='conversation-list' scrollY enhanced showScrollbar={false}>
{conversations.map((conversation) => (
<View
key={conversation.key}
@@ -191,9 +192,9 @@ export default function Chat() {
<Text className='conversation-time'>{conversation.time}</Text>
</View>
<View className='conversation-footer'>
<Text className='last-message' numberOfLines={1}>
{conversation.lastMessage}
</Text>
<View className='last-message'>
{formatConversationPreview(conversation.lastMessage)}
</View>
</View>
{conversation.childName && <Text className='conversation-meta'>{conversation.childName}</Text>}
</View>
banban-mini/src/pages/location/index.scss
-12
View File
@@ -6,18 +6,6 @@
padding-bottom: calc(120px + env(safe-area-inset-bottom));
}
.page-header {
padding: 80px 32px 24px;
.page-title {
font-size: 44px;
font-weight: 700;
color: #1A1A1A;
display: block;
line-height: 1.2;
}
}
.mode-switch {
margin: 0 24px 20px;
padding: 8px;
banban-mini/src/pages/sleep/index.scss
-11
View File
@@ -6,17 +6,6 @@
padding-bottom: calc(120px + env(safe-area-inset-bottom));
}
.page-header {
padding: 80px 32px 24px;
.page-title {
font-size: 44px;
font-weight: 700;
color: #1A1A1A;
display: block;
}
}
.user-card {
background: #FFFFFF;
border-radius: 20px;
banban-mini/src/pages/traffic-binding/index.tsx
+14 -2
View File
@@ -27,7 +27,13 @@ export default function TrafficBindingPage() {
setOperation(current)
if (action === 'unbind' && current.status === 'completed') clearSelectedBindingDeviceId()
setError('')
} catch (e: any) { setError(e.message || '暂时无法确认，请重试') }
} catch (e: any) {
console.error('[traffic-binding] recover:error', {
deviceId, action, operationId: operation?.operation_id || null,
code: e?.code || null, message: e?.message || String(e),
})
setError(e.message || '暂时无法确认，请重试')
}
finally { lock.current = false; setBusy(false) }
}
useDidShow(() => { void recover() })
@@ -49,7 +55,13 @@ export default function TrafficBindingPage() {
}
setOperation(current)
if (action === 'unbind' && current.status === 'completed') clearSelectedBindingDeviceId()
} catch (e: any) { setError(e.message || e.errMsg || '操作未完成，请继续重试') }
} catch (e: any) {
console.error('[traffic-binding] continue:error', {
deviceId, action, operationId: operation?.operation_id || null,
code: e?.code || null, message: e?.message || e?.errMsg || String(e),
})
setError(e.message || e.errMsg || '操作未完成，请继续重试')
}
finally { lock.current = false; setBusy(false) }
}
const completed = operation?.status === 'completed'