3回答

zhaiduting

2018-10-06

我写了一个动画插槽，取名 fade.vue

<template>

  <transition><slot></slot></transition>

</template>

<style scoped lang="stylus">

  .v-enter, .v-leave-to

    opacity:0

  .v-enter-active, .v-leave-active

    transition:opacity .5s

</style>

然后在head.vue的模版里面这样调用它（脚本代码需要引入并注册fade插槽）

<fade>

  <div v-show="detailShow">弹出层内容块</div>

</fade>

使用插槽的优点在于可以重复利用

1

0

尘缘cy

2017-09-21

你用的是vue.20的话，它的写法改了，你去看下官网说明

1

0

落叶归根丶

2018-01-18

opacity:.8

background:rgba(7,17,27,0.8)

@-webkit-keyframes detailAnimat /* Safari and Chrome */

from

opacity:0

background:rgba(7,17,27,0.8)

to

opacity:0.8

background:rgba(7,17,27,0.8)

在detail里加这句话就可以了吧

0

0