<!-- 认真读检测需要压过横屏直播预约内容，避免倒计时/预约条遮住检测提示。 -->
<mp-dialog
  visible="{{dialogVisible}}"
  maskClosable="{{false}}"
  zIndex="{{12001}}"
  containerStyle="background: {{useDarkTheme ? '#26262a' : '#ffffff'}}; overflow: hidden;"
>
  <view slot="header" class="attention-dialog-header {{useDarkTheme ? 'attention-dialog-header-dark' : ''}}">
    <view class="attention-dialog-title {{useDarkTheme ? 'attention-dialog-title-dark' : ''}}">
      <view class="attention-dialog-tips-icon">i</view>
      <text>{{dialogTitle}}</text>
    </view>
  </view>
  <view class="attention-dialog-content {{useDarkTheme ? 'attention-dialog-content-dark' : ''}}">{{dialogContent}}</view>
  <view slot="footer" class="attention-dialog-footer">
    <button class="attention-dialog-button" bindtap="onDialogButtonTap">我知道了</button>
  </view>
</mp-dialog>
