ZBLOG

.wash_list{ height: 100vh; overflow-y: auto; padding: 24px 16px 30px; background-color: #fafafa; &::-webkit-scrollbar{ display: none; width: 0; } &_toast_text{ text-align: left; } &_card...

要将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助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://sdn.0voice.com/?id=5777

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?