Les images de ressources locales dans index.wxss ne peuvent pas être obtenues via WXSS, et les images réseau peuvent être utilisées

problème

L'image d'arrière-plan de l'applet WeChat ne peut pas charger les images locales

raison

Limitations des mini-programmes WeChat

solution

Convertir l'image locale en
outil base64 : https://tool.chinaz.com/tools/imgtobase

/* before */
.card .content .title-bg  {
    
    
    background-image: url(../../image/[email protected]);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    
    
    .card .content .title-bg  {
    
    
        background-image: url(../../image/[email protected]);
    }
}
/* after */
.card .content .title-bg  {
    
    
    background-image: url('data:image/png;base64,xxx');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    
    
    .card .content .title-bg  {
    
    
        background-image: url('data:image/png;base64,yyy');
    }
}

Je suppose que tu aimes

Origine blog.csdn.net/qubes/article/details/130644673
conseillé
Classement