【无标题】page-container

 

 

 

 <view style="width: 100%; height:100vh; background-color: cadetblue;">
  <page-container show="{{showPage}}" overlay="{{true}}" round="{{true}}" close-on-slideDown="{{true}}"
  bind:beforeenter="beforeenter" 
  bind:enter="enter" 
  bind:afterenter="afterenter" 
  bind:beforeleave="beforeleave" 
  bind:leave="leave" 
  bind:afterleave="afterleave" 
  bind:clickoverlay="clickoverlay"> 
    <view style="height: 30vh;">
      this is page-container
    </view>
  </page-container>
  <button type="primary" style="width: 100%; position: absolute; bottom: 0; left: 0;" bindtap="tap">show page-container</button>
</view>

Page({
  data: {
    showPage: false
  },

  onLoad() {
   
  },

  tap(){
    console.log('click tap');
    this.setData({
      showPage: true
    });
  },

  beforeenter(){
    console.log('beforeenter');
  },
  enter(){
    console.log('enter');
  },
  afterenter(){
    console.log('afterenter');
  },
  beforeleave(){
    console.log('beforeleave');
  },
  leave(){
    console.log('leave');
  },
  afterleave(){
    console.log('afterleave');
  },
  clickoverlay(){
    console.log('clickoverlay');
  },
})