diff --git a/miniprogram/images/home/bg.jpg b/miniprogram/images/home/bg.jpg new file mode 100644 index 0000000..155cb1c Binary files /dev/null and b/miniprogram/images/home/bg.jpg differ diff --git a/miniprogram/images/home/header.jpg b/miniprogram/images/home/header.jpg deleted file mode 100644 index a6138b3..0000000 Binary files a/miniprogram/images/home/header.jpg and /dev/null differ diff --git a/miniprogram/pages/home/home.less b/miniprogram/pages/home/home.less index 89355e1..9ece5e3 100644 --- a/miniprogram/pages/home/home.less +++ b/miniprogram/pages/home/home.less @@ -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 { diff --git a/miniprogram/pages/home/home.wxml b/miniprogram/pages/home/home.wxml index b72ff48..8b5c53b 100644 --- a/miniprogram/pages/home/home.wxml +++ b/miniprogram/pages/home/home.wxml @@ -1,5 +1,7 @@ - + + + @@ -60,6 +62,12 @@ + + + + + +