0
votes

Comment éditer le délai d'ouverture dans l'élément UI Menu horizontal effondré

Je trouve un peu gênant lorsque vous allumez sur les éléments de menu rapidement dans un menu horizontal effondré. Donc, je voulais éditer les secondes où il affiche la boîte à outils.

Le composant ToolTip de l'élément interface utilisateur a un attribut qui nous permet de modifier le délai ouvert de l'info-bulle.

Comment faites-nous cela dans le menu horizontal effondré, où il affiche le titre de l'élément de menu?

Capture d'écran

vuejs2 element-ui

0 commentaires

3 Réponses :

2
votes

Pour éditer l'open-retard dans l'élément UI utilisateur modifiant l'attribut Open-Delay, lier la valeur souhaitée en millisecondes comme vous le souhaitez, c'est-à-dire une seconde, il devrait être 1000. Comme ceci:

<el-tooltip class="item" effect="dark" :open-delay="1000" 
content="Right Center prompts info" placement="right">
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span  >Navigator Two</span>
</el-menu-item>
</el-tooltip>

3 commentaires

Bonjour, veuillez noter que c'est ma question "Comment le faisons-nous dans le menu horizontal effondré, où il affiche le titre de l'élément de menu?". Merci..

@japhfortine j'ai mis à jour ma réponse, voir Fiddle le deuxième élément de menu

Bonne idée! @Lupyana :) J'avais juste besoin d'ajouter quelque chose à mes besoins ..

0
votes

Basé sur la réponse de @ Lupyana, j'ai juste besoin d'ajouter quelque chose pour pouvoir accueillir ce que je veux vraiment arriver.

au lieu de laisser l'élément-ui effectuer la conversion automatique de l'info-bulle lorsque le menu est effondré. Tout ce que nous avons à faire est de le faire manuellement en désactivant simplement l'info-bulle lorsqu'il n'est pas effondré, il n'est donc pas affilé que le menu est étendu lorsque le menu est étendu. P>

de: P>

<el-tooltip effect="dark" :open-delay="300" content="Home" placement="right" :disabled="!is_collapse">
    <el-menu-item index="/">
        <span>Home</span>
    </el-menu-item>
</el-tooltip>

0 commentaires

1
votes

Il n'y a pas de manière native car le composant ne le prévoit pas. Donc, @Lupyana Mbembati Solution fonctionne:

<el-tooltip effect="dark" placement="right" content="About" :open-delay="400">
    <el-menu-item :index="localePath('index')">
        <i class="el-icon-user"></i>
    </el-menu-item>
</el-tooltip>

0 commentaires