<Drawer
  id="announcement-drawer"
  custom-drawer="announcement-drawer-shell"
  needCancel="{{false}}"
  bind:myCancel="onAnnouncementDrawerCancel"
>
  <view wx:if="{{visible && data}}" class="announcement-drawer {{useDarkTheme ? 'announcement-drawer-dark' : ''}}">
    <view class="announcement-header">
      <view class="announcement-title">{{data.Title}}</view>
      <mp-icon bindtap="closeAnnouncementDrawer" icon="close" color="{{useDarkTheme ? '#f2f3f5' : '#1d2129'}}" size="{{20}}" class="announcement-close-icon drawer-close-shadow" />
    </view>
    <scroll-view scroll-y class="announcement-content">
      <volc-rich-text
        sdk-instance="{{sdkInstance}}"
        html="{{data.ContentHtml}}"
        event-name="announcement.linkClick"
        jump-feature="announcementLink"
        link-payload="{{data.ContentLinkPayload}}"
        text-color="{{useDarkTheme ? '#f2f3f5' : '#1f2329'}}"
        dark="{{useDarkTheme}}"
      ></volc-rich-text>
    </scroll-view>
    <view class="announcement-footer">
      <button class="announcement-confirm-btn" bindtap="closeAnnouncementDrawer">我知道了</button>
    </view>
  </view>
</Drawer>
