style(home): 替换首页背景图并调整卡片样式,新增设备连接入口

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-17 15:06:07 +08:00
co-authored by Claude Sonnet 4.6
parent 8069b2767b
commit 6ad51b00b1
4 changed files with 36 additions and 6 deletions
+27 -5
View File
@@ -1,9 +1,16 @@
.home {
width: 100%;
height: 100%;
position: relative;
.bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 440rpx;
}
.home-container {
@@ -41,7 +48,7 @@
border-radius: 24rpx;
margin-bottom: 24rpx;
box-sizing: border-box;
border: 2rpx solid #ffffff;
border: 4rpx solid #ffffff;
background: linear-gradient(180deg, #D3E9FF 0%, #FFFFFF 30%, #FFFFFF 100%);
.userAvatar {
@@ -81,10 +88,9 @@
.recentMeasurements {
width: 100%;
border-radius: 24rpx;
padding: 40rpx 30rpx 30rpx;
padding: 40rpx 30rpx;
box-sizing: border-box;
border: 2rpx solid #ffffff;
margin-bottom: 24rpx;
border: 4rpx solid #ffffff;
background: linear-gradient(180deg, #D3E9FF 0%, #FFFFFF 12%, #FFFFFF 100%);
.recentMeasurementsTitle {
@@ -280,12 +286,28 @@
}
}
.connect {
width: 100%;
height: 24rpx;
position: relative;
> view {
position: absolute;
width: 32rpx;
height: 84rpx;
right: 24rpx;
top: 0;
bottom: 0;
margin: auto;
}
}
.detailedData {
width: 100%;
border-radius: 24rpx;
padding: 40rpx 30rpx 30rpx;
box-sizing: border-box;
border: 2rpx solid #ffffff;
border: 4rpx solid #ffffff;
background-color: #FFFFFF;
.detailedDataTitle {
+9 -1
View File
@@ -1,5 +1,7 @@
<view class="home">
<view class="bg"></view>
<view class="bg">
<image src="/images/home/bg.jpg" mode="aspectFit" />
</view>
<view class="home-container page-container">
<view class="title">
@@ -60,6 +62,12 @@
</view>
</view>
<view class="connect">
<view>
<image src="/images/home/lianjie.png" mode="aspectFit" />
</view>
</view>
<view class="detailedData">
<view class="detailedDataTitle">
<view></view>