<template>
  <div class="details">
    <van-popup v-model="showHidden"  round position="bottom" :style="{ height: '20%' }" close-on-click-overlay   @hide="show" >
           <button class="btn" >相机</button>
           <button class="btn" @click="go">相册</button>
           <button class="btn" @click="hide">取消</button>

    </van-popup>


  </div>
</template>

<script>
export default {
  name: 'Details',
  props: {

    },
    data () {
      return {
       showHidden : ''


      }

    },
    methods :{
       go () {
         this.$router.push('/myAlbum')
       },
       hide () {
          this.showHidden = false
       }
    }
}
</script>
<style lang="scss" scoped>
  button{
       width:100%;
       height:0.45rem;
       font-size:.25rem;
       text-align:center;
       line-height:.45rem;
       display:block;
  }



</style>