J'essaie de passer de Vuetify/Vue 2 à 3. Je ne suis pas un développeur front-end, je suis juste responsable de la mise à niveau d'un ancien code pour le maintenir fonctionnel. Malheureusement, le guide de migration semble supposer certaines connaissances de base en CSS et ne fournit pas d'exemples sur la façon de réparer tout ce qui a été supprimé.
J'essaie de comprendre comment migrer arrondi
et flat
dans l'extrait de code suivant :
et
.v-application
(si nécessaire) dans cet extrait de code :Malheureusement, la seule suggestion à ce sujet dans le guide de migration est :
rounded
a été supprimé. Veuillez appliquer la classe CSS aux coins arrondis à l'élément de contenu du menu. Par exemple : .rounded-te
.v-application p
ou .v-application ul
ne sont plus inclus. Si vous devez ajouter une marge à p
, ou ajouter un remplissage gauche à ul
et ol
, ajoutez-le dans la configuration manuelle du composant racine. dans la balise
≪/li> Les conseils ci-dessus sur arrondi
remplacent simplement arrondi
par .rounded-te
mentionné dans un autre type de contrôle).
Il indique que flat a été supprimé de certains autres contrôles et remplacé par "l'attribut de variante unique", mais en essayant de remplacer flat< /code> me donne une erreur de syntaxe.
Merci !
(J'ai initialement posé cette question ici et quelqu'un m'a suggéré de la diviser en plusieurs questions)
Vous pouvez toujours utiliser
rounded
和flat
, ils viennent d'être déplacés vers le composant VField sous-jacent.Je pense que votre sélection v2 se retrouvera sans aucun frame, auquel cas
rounded
不会有任何可见效果。在 v3 中添加variant="solo"
和flat
pour obtenir le même effet (voirplayground)Quant à
v-application--is-ltr
类,它在 V3 中被称为v-locale--is-ltr
.Si vous en avez toujours besoin, cela dépend de votre application, ce sont des règles personnalisées. Vérifiez si un personnalisé est utilisé
mr
类,以及列表中第一个图标的边距是什么样的(我认为现在通过 prepend slot 设置列表图标,所以类应该是.v-list-item__prepend .v-icon
)