<template>
  <div>
    <van-image :width="width" :height="height" :src="src" @click="onClickShow" />
    <van-overlay :show="show" @click="onClickHide">
      <div class="imgsty">

          <van-image    :src="src" />
        </div>
      
    </van-overlay>
  </div>
  <!-- <van-overlay :show="false">
    <view class="wrapper">
      <van-image :width="width" :height="height" :src="src" />
    </view>
  </van-overlay> -->
</template>
<script>
export default {
  props: {
    width: {
      type: String,
      default: '100'
    },
    height: {
      type: String,
      default: '100'
    },
    src: {
      type: String,
      default: 'https://img.yzcdn.cn/vant/cat.jpeg'
    }
  },
  name: 'SocAppIndex',

  data() {
    return {
      show: false
    }
  },

  mounted() {},

  methods: {
    onClickShow() {
      this.show = true
    },
    onClickHide() {
      this.show = false
    }
  }
}
</script>
<style lang="scss" scoped>
.imgsty{
    position:absolute;
    top: 28%;
}
</style>
