mastered vuejs transitions

2019-09-24 16:49:14 +02:00
parent 13479074b4
commit 665a5154d7
4 changed files with 104 additions and 61 deletions
@@ -8,14 +8,16 @@
      </li>
      <li class="results">
        <div class="wrapper">
-          <span
-            v-if="resultsItems.length && !resultsOpened"
-            title="Ouvrir les resultats"
-            @click.prevent="openResults"
-            @keydown.enter.prevent="openResults"
-          >
-            Resultas
-          </span>
+          <transition name="fade" appear>
+            <span
+              v-if="resultsItems.length && !resultsOpened"
+              title="Ouvrir les resultats"
+              @click.prevent="openResults"
+              @keydown.enter.prevent="openResults"
+            >
+              Resultas
+            </span>
+          </transition>
        </div>
      </li>
    </ul>
@@ -1,5 +1,5 @@
 <template>
-  <transition name="fade-roll">
+  <transition name="accordeon" appear>
    <div
      v-if="opened"
      id="results"