要将CSS中的像素值替换为2倍(即乘以2),你可以手动修改每个数值,或者使用一些工具自动化这个过程。以下是你的代码经过2倍像素转换后的版本:
.wash_list {
height: 200vh; /* 100vh * 2 */
overflow-y: auto;
padding: 48px 32px 60px; /* 24px, 16px, 30px * 2 */
background-color: #fafafa;
&::-webkit-scrollbar {
display: none;
width: 0;
}
&_toast_text {
text-align: left;
}
&_card {
margin-bottom: 40px; /* 20px * 2 */
&_item {
border-radius: 24px; /* 12px * 2 */
background-color: #fff;
box-shadow:
1px 8px 16px 0 rgba(0, 0, 0, 0.02); /* 注意这里最后的逗号去掉了 */
padding: 32px; /* 16px * 2 */
margin-bottom: 32px; /*16px *2 */
&_title {
display: flex;
align-items: center;
justify-content: space-between;
&_main {
font-family: PingFang SC;
font-size: 32px; /*16px *2*/
font-weight: 500;
line-height: 36px; /*18px *2*/
color: #272727;
}
&_tiny {
font-family: PingFang SC;
font-size: 24px; /*12px *2*/
line-height:36 px;/*18 px*2*/
color:#272727;
&.working {
color:#FF5500;
}
}
}
&_detail {
margin-top:32 px;/*16 px*2*/
display:flex ;
align-items:center ;
justify-content :space-between ;
&_order{
display:flex ;
align-items:center ;
&_bg{
width :112 px ;/*56 px*2*/
height :112 px ;/*56 px*2*/
border-radius :16 px ;/*8 px*2*/
background:#F4F4F4 ;
display:flex ;
align-items:center ;
justify-content:center ;
&_icon{
width :80 px ;/*40 px*2*/
height :80 px ;/*40 px*2*/
// background:url(https://res-pub.huazhu.com/cossixhs/activity_rule_detail.png)
// 0
// 0
// no-repeat ;
// background-size:cover ;
}
}
&_info{
margin-left :32 px ;/*16 px*2*/
flex :1;
&_desc{
font-family :PingFang SC;
font-size :24 px ;/*12 px*3*/
color:#999 ;
line-height :36
/pyx/ (*18 pxyx/y/)
margin-top :8 pxy*/;
_left{
width :120
_right{
flex:1;
}
}
}
}
}
//_price {
c:first-child{
_footer {
________=_____
}}
________________
w__________'
_bottom {
(padding-bottom =40)
请根据实际需要进行适当调整,确保视觉效果符合要求。
内容由零声教学AI助手提供,问题来源于学员提问