vue商品详情页添加动画(eg)

vue

<template>

<div class="food" transition="move"></div>

</template>

<style lang="stylus" rel="stylesheet/stylus">

.food

position:fixed

left:0

top:0

bottom:48px

z-index:30

width:100%

background:#fff

&.move-transition

transition:all 0.2s linear

transform:translate3d(0,0,0)

&.move-enter,&.move-leave

transform:translated3d(100%,0,0)

</style>

以上是 vue商品详情页添加动画(eg) 的全部内容, 来源链接: utcz.com/z/379106.html

回到顶部