xinelu-applet-ui/pages/homepage/homepage.scss

132 lines
2.1 KiB
SCSS
Raw Normal View History

2023-09-27 13:50:42 +08:00
.app {
height: 100vh;
background-color: #F7F5F5;
.contentbottom {
width: 95%;
height: 446rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
transform: translateY(-16%);
.item {
display: flex;
.signmyself {
display: inline-block;
width: 48%;
padding: 30rpx 10rpx 0 20rpx;
image {
width: 100%;
height: 278rpx;
}
}
.sign {
display: inline-block;
padding: 30rpx 0 0 0;
width: 48%;
image {
display: block;
width: 100%;
height: 132rpx;
2023-09-27 14:24:06 +08:00
margin-bottom: 15rpx;
2023-09-27 13:50:42 +08:00
}
}
}
.health {
padding: 30rpx 30rpx 0 30rpx;
font-size: 28rpx;
font-weight: 400;
color: #333333;
line-height: 38rpx;
}
}
.contentcenter {
width: 96%;
2023-12-19 14:41:16 +08:00
height: 630rpx;
2023-09-27 13:50:42 +08:00
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
transform: translateY(-20%);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
2023-12-19 14:41:16 +08:00
padding-top: 40rpx;
2023-09-27 13:50:42 +08:00
.home {
width: 32%;
2023-09-27 14:05:46 +08:00
.name{
2023-12-19 14:41:16 +08:00
text-align: center;
margin: 14rpx 0 0 0;
2023-09-27 14:05:46 +08:00
}
2023-09-27 13:50:42 +08:00
image {
2023-12-19 14:41:16 +08:00
display: block;
margin: 0 auto;
2023-09-27 13:50:42 +08:00
width: 102rpx;
height: 102rpx;
}
}
}
.content {
position: relative;
image {
width: 100%;
height: 562rpx;
}
.loginmount {
position: absolute;
top: 12%;
left: 7%;
font-size: 28rpx;
font-weight: 400;
color: #717070;
image {
2023-09-28 17:06:51 +08:00
vertical-align: middle;
2023-10-23 16:51:32 +08:00
width: 25rpx;
height: 30rpx;
2023-09-27 13:50:42 +08:00
}
2023-09-28 17:06:51 +08:00
text{
margin-left: 10rpx;
display: inline-block;
}
2023-09-27 13:50:42 +08:00
}
2023-10-23 13:59:25 +08:00
.address {
position: absolute;
top: 76%;
left: 7%;
// padding: 80rpx 0 0 50rpx;
image {
width: 25rpx;
height: 30rpx;
// vertical-align: middle;
}
text {
font-size: 28rpx;
color: #595959;
padding-left: 15rpx;
/* background: red; */
margin-top: -6rpx;
width: 184rpx;
position: absolute;
}
}
2023-09-27 13:50:42 +08:00
}
}