Ionic 2 - Ajout d'une image d'arrière-plan à une page
Je viens d'installer un nouveau projet Ionic - Ionic v2.0.0-beta.32
Je cherche à ajouter une image d'arrière-plan à la page d'accueil de la nouvelle installation, y a-t-il quelqu'un qui pourrait me montrer comment je procède? Tout ce que je peux trouver, c'est des informations pour Ionic 1 et les choses semblent assez différentes.
D'après ce que j'ai trouvé, l'image doit avoir les dimensions suivantes
2800px x 2800px
Mais à part ça, je ne peux pas trouver d'autres tutoriels.
Ceci est mon premier projet Ionic alors soyez doux
Merci les gars
L'image peut être de n'importe quelle taille.
aller à app/theme/app.core.scss et ajoutez le code suivant
ion-content{
background-image: url('img/background.jpg');
}
Cela suppose que le nom de votre fichier image est background.jpg et est stocké dans www/img/ dossier.
J'espère que cela t'aides
MISE À JOUR Ionic 3.x
Aller à app/app.scss et ajoutez le code suivant
ion-content {
background-image: url('assets/img/background.jpg');
}
Cela suppose que le nom de votre fichier image est background.jpg et est stocké dans assets/img dossier.
Pour Ionic V4 ils utilisent un nouveau commutateur dans le fichier scss. Cela a fonctionné pour moi:
ion-content {
--background: url('../../assets/Welcome-screen.png') no-repeat 50% 10%;
}