feat(device-tab): 移除智能设备页悬浮加号,添加设备仅保留功能卡入口

This commit is contained in:
ozh 2026-09-09 17:54:32 +08:00
parent 58d0ee8ad7
commit b8937d942f
2 changed files with 14 additions and 25 deletions

View File

@ -12,9 +12,18 @@
align-items: center;
}
// 绿色衬底:占位高度与浮卡上浮量(-40px)匹配,卡片叠在它上面而不是压进导航栏
.heroSpace {
height: 64px;
background: #2ccb98;
margin-bottom: -40px;
position: relative;
z-index: 1;
}
// 设备应用家庭信息卡:白色卡片浮在绿色头部下,浅灰行内分隔
.familyCard {
margin: -40px 24px 0;
margin: 0 24px;
padding: 8px 32px 32px;
background: $color-bg-white;
border-radius: $radius-lg;
@ -31,10 +40,6 @@
border-bottom: 1px solid $color-border;
}
.familyRow:last-of-type {
border-bottom: none;
}
.familyLabel {
font-size: 30px;
color: $color-text-secondary;
@ -47,6 +52,7 @@
}
.switchBtn {
width: 100%;
margin-top: 24px;
height: 88px;
background: $color-primary-grad;
@ -172,22 +178,6 @@
.statusText { font-size: 24px; color: $color-primary-deep; }
.statusTextOff { color: $color-text-secondary; }
.fab {
position: fixed;
right: 40px;
bottom: 60px;
width: 112px;
height: 112px;
border-radius: $radius-circle;
background: $color-primary-grad;
display: flex;
align-items: center;
justify-content: center;
box-shadow: $shadow-fab;
}
.fabIcon { font-size: 48px; color: #ffffff; font-weight: 300; }
// 切换家庭圈弹层内的列表项
.sheetList {
padding-bottom: 16px;

View File

@ -86,6 +86,9 @@ export default function DeviceList() {
<View className={styles.page}>
<Navbar title="智能设备" autoBack={false} variant="hero" />
{/* 绿色衬底:承接浮卡的上浮区,避免 -40px 压到导航标题 */}
<View className={styles.heroSpace} />
{/* 设备应用家庭信息卡 */}
<View className={styles.familyCard}>
<View className={styles.familyRow}>
@ -143,10 +146,6 @@ export default function DeviceList() {
</View>
)}
<View className={styles.fab} onClick={goAdd}>
<Text className={styles.fabIcon}>+</Text>
</View>
{/* 切换家庭圈弹层 */}
<BottomSheet visible={familySheetOpen} title="切换家庭圈" onClose={closeFamilySheet}>
<View className={styles.sheetList}>