PopUp

弹起层组件,类似弹起弹起的半透明层,适合用在SKU弹起页,购物券弹起区域

如何使用

<template>
  <VvPopUp :shellContH="2" :zIndex="10" refs="pop">
    <div>
     ......
    </div>
  </VvPopUp>
  <span @click="showPop">showPop</span>
  <span @click="closePop">closePop</span>
</template>
<script>
export default {
  name: 'App',
  data() {
    return {};
  },
  methods: {
    showPop() {
      this.refs.pop.slideUpShell();
    },
    closePop () {
      this.refs.pop.slideDownShell();
    }
  }
};

后续准备将 refs 方案改变为 props 变量控制

参数说明

shellContH

Number 类型数据,弹起层高度,超出就滚动

zIndex

Number 类型数据,弹出层层级

Last updated