173 lines
3.0 KiB
CSS
173 lines
3.0 KiB
CSS
.page {
|
|
position: absolute;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center; /* 垂直居中 */
|
|
background: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/bg_%E4%B8%BB%E8%83%8C%E6%99%AF%402x.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.title {
|
|
position: absolute;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #454F63;
|
|
z-index: 999;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.section_8 {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 130rpx;
|
|
background: #ffffff
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
padding: 14px 72px 4px 72px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.content {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.box_1 {
|
|
position: relative;
|
|
border-radius: 40rpx 40rpx 0 0;
|
|
width: 85%;
|
|
height: 240rpx;
|
|
overflow: hidden;
|
|
background: linear-gradient(to bottom, rgba(42, 156, 249, 0.6) 10%, rgba(42, 156, 249, 0.5) 30%, rgba(42, 156, 249, 0.4) 60%);
|
|
display: block;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.head-img {
|
|
width: 48px;
|
|
height: 48px;
|
|
position: relative;
|
|
z-index: 10;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
left: 40rpx;
|
|
top: 50rpx;
|
|
}
|
|
|
|
.nickname {
|
|
position: absolute;
|
|
left: 180rpx;
|
|
top: 80rpx;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #30334B;
|
|
opacity: 1;
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
}
|
|
|
|
.box_2 {
|
|
position: relative;
|
|
background-color: #ffffff;
|
|
/* height: 530rpx; */
|
|
width: 85%;
|
|
border-radius: 40rpx;
|
|
margin-top: -40rpx;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.orders{
|
|
width: 90%;
|
|
height: 100rpx;
|
|
border-bottom: 1px solid rgba(192, 196, 202, 0.3);
|
|
position: relative;
|
|
left: 5%;
|
|
}
|
|
|
|
.orders-name{
|
|
text-align: left;
|
|
line-height: 100rpx;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #333333;
|
|
opacity: 1;
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
}
|
|
|
|
.coupons {
|
|
width: 90%;
|
|
height: 100rpx;
|
|
border-bottom: 1px solid rgba(192, 196, 202, 0.3);
|
|
position: relative;
|
|
left: 5%;
|
|
}
|
|
|
|
.coupons-name {
|
|
text-align: left;
|
|
line-height: 100rpx;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #333333;
|
|
opacity: 1;
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
}
|
|
|
|
.yjfk {
|
|
width: 90%;
|
|
height: 100rpx;
|
|
position: relative;
|
|
left: 5%;
|
|
border-bottom: 1px solid rgba(192, 196, 202, 0.3);;
|
|
}
|
|
|
|
.yjfk-name {
|
|
text-align: left;
|
|
line-height: 100rpx;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #333333;
|
|
opacity: 1;
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
}
|
|
|
|
.kfhh::after{
|
|
background:none;
|
|
border:none;
|
|
}
|
|
|
|
.kfhh {
|
|
width: 90%;
|
|
height: 100rpx;
|
|
position: relative;
|
|
left: 5%;
|
|
padding: 0;
|
|
margin: 0;
|
|
background:none;
|
|
border:none;
|
|
}
|
|
|
|
.kfhh-name {
|
|
text-align: left;
|
|
line-height: 100rpx;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
color: #333333;
|
|
opacity: 1;
|
|
font-family: 'Microsoft YaHei', Arial, sans-serif;
|
|
}
|
|
|
|
.coupons-icon,.yjfk-icon,.kfhh-icon,.myOrders-icon {
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 30rpx;
|
|
top: 34rpx;
|
|
height: 30rpx;
|
|
background-image: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/humeng/vlog/ly_icon_listNext%402x.png);
|
|
background-size: 100% 100%;
|
|
} |