Je crée actuellement une puce dans mon environnement local qui n'apparaît que lors de l'utilisation de l'environnement de test de notre application. Je n'arrive pas à faire apparaître cette puce de l'interface utilisateur matérielle dans le coin supérieur droit de l'application (fonctionne sur l'interface utilisateur du bureau). Si vous avez besoin de plus d’informations, contactez-nous ! Voici mon fichier .jsx :
import React from 'react' import Chip from '@material-ui/core/Chip' const StagingChip = () => ( <> <div> <Chip label="Staging" color='info'/> </div> </> ) export default StagingChip
Si je comprends bien, vous devez concevoir la puce pour avoir des positions fixes, puis attribuer le haut : 0 et la droite : 0
https://css-tricks.com/almanac/properties/p/location/
Vous pouvez également le faire directement dans le fichier
jsx
:div
元素,请将style
属性添加到div
style={{position: 'fixed', top: 0, right: 0}}
Chip
,则将sx
属性添加到Chip
sx={{position: 'fixed', top: 0, right: 0}}
Voici la
position:fixed
solution :