<view wx:if="{{outerIconList.length || showMoreEntry || innerIconList.length}}" class="landscape-more-button landscape-more-button-{{module}}">
  <view
    class="landscape-more-button-item"
    style="{{item.containerStyle}}"
    wx:for="{{outerIconList}}"
    wx:for-item="item"
    wx:key="key"
    data-key="{{item.key}}"
    bindtap="onOuterIconTap"
  >
    <image wx:if="{{item.iconUrl || item.src}}" class="landscape-more-button-image" src="{{item.iconUrl || item.src}}" mode="aspectFit" style="{{item.style}}" />
    <mp-icon wx:if="{{item.mpIcon}}" icon="{{item.mpIcon.icon}}" color="{{item.mpIcon.color}}" size="{{item.mpIcon.size}}" />
  </view>
  <view wx:if="{{module === 'player' && (showMoreEntry || innerIconList.length)}}" class="landscape-more-button-item landscape-more-button-item-more" bindtap="openDrawer">
    <mp-icon icon="more" color="#fff" size="{{30}}" />
  </view>
</view>

<Drawer wx:if="{{module === 'player' && !useExternalDrawer}}" id="volc-landscape-more-button-drawer">
  <view class="landscape-more-drawer">
    <view
      class="landscape-more-drawer-item"
      style="{{item.containerStyle}}"
      wx:for="{{innerIconList}}"
      wx:for-item="item"
      wx:key="key"
      data-key="{{item.key}}"
      bindtap="onInnerIconTap"
    >
      <view class="landscape-more-drawer-icon">
        <image wx:if="{{item.iconUrl || item.src}}" class="landscape-more-drawer-image" src="{{item.iconUrl || item.src}}" mode="aspectFit" style="{{item.style}}" />
        <mp-icon wx:if="{{item.mpIcon}}" icon="{{item.mpIcon.icon}}" color="{{item.mpIcon.color}}" size="{{item.mpIcon.size}}" />
      </view>
      <view class="landscape-more-drawer-name">{{item.title || item.name}}</view>
    </view>
  </view>
</Drawer>
