<view
  wx:if="{{ inited }}"
  class="aio-class aio-popup {{ utils.bem('popup', [position, { round, safe: safeAreaInsetBottom, safeTop: safeAreaInsetTop, safeTabBar: safeAreaTabBar }]) }} {{ classes }}"
  bind:transitionend="onTransitionEnd"
  style="-webkit-transition-duration:{{ currentDuration }}ms; transition-duration:{{ currentDuration }}ms; z-index:{{ zIndex }}; {{ display ? '' : 'display: none;' }} {{ customStyle }}"
  catch:touchmove="{{ lockContentScroll ? 'noop' : '' }}"
>
  <view wx:if="{{ title }}" class="aio-popup--title title-class">{{ title }}</view>
  <slot />
  <aio-image
    wx:if="{{ closeable }}"
    name="{{ closeIcon }}"
    width="36"
    height="36"
    class="close-icon-class aio-popup__close-icon aio-popup__close-icon--{{ closeIconPosition }}"
    bind:tap="onClickCloseIcon"
  />
</view>