Files
2023-07-10 18:52:04 +08:00

82 lines
1.7 KiB
SCSS

@function px2rem($px, $rem:75){
@return $px / $rem + rem
};
.wrap{
// width: px2rem(600);
// height: px2rem(860);
// margin: 0 auto;
margin: px2rem(0) px2rem(30) px2rem(0) px2rem(40);
// border-radius: px2rem(24);
// border: 1px solid #ccc;
header{
margin-top: px2rem(40);
margin-bottom: px2rem(30);
text-align: center;
color: #333333;
font-size: px2rem(32);
font-weight: bold;
}
p.desc{
margin-top: px2rem(40);
color: #666666;
font-size: px2rem(26);
}
ul{
li{
display: flex;
justify-content: space-between;
align-items: center;
height: px2rem(108);
border-bottom: px2rem(1) solid #F4F4F4;
.gift-pic{
width: px2rem(68);
height: px2rem(66);
}
.gift-detail{
flex: 1;
margin-left: px2rem(32);
.gift-name{
color: #333333;
font-size: px2rem(26);
margin-bottom: px2rem(8);
}
.gift-price{
color: #999999;
font-size: px2rem(24);
}
}
.diamond{
width: px2rem(26);
height: px2rem(20);
vertical-align: bottom;
}
.prop{
color: #999999;
font-size: px2rem(24);
}
}
}
footer{
margin-top: px2rem(40);
margin-bottom: px2rem(20);
text-align: center;
color: #999999;
font-size: px2rem(22);
}
}