国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

javascript - So erzielen Sie mit dem vue2.0-übergang den Effekt, die Maus nach oben zu bewegen, den QR-Code von der Au?enseite des Bildschirms herauszuschieben und den QR-Code zu belassen und aus dem Bildschirm herauszurutschen.

PHP中文網(wǎng) 2017-05-19 10:30:36

963

So verwenden Sie den vue2.0-übergang, um den Effekt zu erzielen, dass Sie die Maus nach oben bewegen, den QR-Code von der Au?enseite des Bildschirms herausschieben und den QR-Code aus dem Bildschirm herausgleiten lassen. Das Folgende ist der Code, den ich geschrieben habe:
Aber was ich geschrieben habe war: Maus bewegen Geh nach oben, das K?stchen gleitet darüber, die Maus geht nicht weg, aber das K?stchen ist verschwunden, bitte l?sen Sie es

.erweima {

    position: fixed;
    left: -100px;
    bottom: 200px;
}
.fade-enter-active, .fade-leave-active {
    transition: all 1s ease;
    left: -100px;
}

.fade-enter, .fade-leave-active {
    left: 100px
}

<a class='wechat' href="" @mouseenter="show=!show" @mouseleave="show=!show"></a>

  <transition name='fade'>
             <p v-show="show" class="erweima" style="width: 100px; height: 100px;"><img src="../../static/img/image/wechat_hov.png" alt=""></p>
    </transition>

PHP中文網(wǎng)

認(rèn)證高級PHP講師

Antworte allen(2)

伊謝爾倫2017-05-19 10:32:36 2 Etage

改成下面試試

.fade-enter-active, .fade-leave-active {
    transition: all 1s ease;
}

.fade-enter, .fade-leave-active {
    transform：translateX(100px)
}

或者這樣

.erweima{
  position: fixed;
  width: 100px; 
  height: 100px;
  left: 0;
}
.fade-enter-active, .fade-leave-active {
  transition: all 1s ease;

}
.fade-enter, .fade-leave-active {
  left: -100px;
}

Wie +0

Antwort hinzufügen

迷茫2017-05-19 10:32:36 1 Etage

css不能這樣寫，.fade-enter-active, .fade-leave-active這些class都會在動畫完成后移除的，移除后又是你的原來的css樣式了，所以，動畫執(zhí)行完，二維碼又消失了

.erweima {//這里需要寫最終的顯示狀態(tài)，用v-if或v-show控制

    position: fixed;
    left: -100px;
    bottom: 200px;
}
.fade-enter-active, .fade-leave-active {
    transition: all 1s ease;
    left: -100px;//去掉這句，這個class不是最終狀態(tài)
}

Wie +0

Antwort hinzufügen