vc-popup-effect-fold-zoom

vc-popup-effect-fold-zoom

Usage no npm install needed!

<script type="module">
  import vcPopupEffectFoldZoom from 'https://cdn.skypack.dev/vc-popup-effect-fold-zoom';
</script>

README

vc-popup-effect-fold-zoom

dialog effect的henry特效, 移植于https://tympanus.net/Development/DialogEffects/henry.html

添加依赖

> yarn add vc-popup-effect-fold-zoom || npm i vc-popup-effect-fold-zoom || cnpm i vc-popup-effect-fold-zoom --by=yarn

引入

import Vue from 'vue'
import foldZoom from 'vc-popup-effect-fold-zoom'
// 这里名字可以随意

Vue.use(foldZoom)

在具体页面中使用

this.centerMenu = new this.$popup.CenterMenu({
  animation: {
    in: { effect: 'foldZoom' },
    out: { effect: 'foldZoom' }
  }
})

效果预览

License

MIT 一起来扣细节~