style(home): 替换首页背景图并调整卡片样式,新增设备连接入口
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
8069b2767b
commit
6ad51b00b1
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user