size = medium

可自定义宽度

size = large

可自定义宽度

size = medium

size = large

笔记标题 title，最大长度 20 笔记内容 content，最大长度 1000

</view>
    </box>
    <box class="box">
      <view class="mb-8">
        话题 tags，使用英文逗号分割
      </view>
      <view class="_ui-input">
        <input
          value="{{ tags }}"
          placeholder="话题，使用英文逗号分割"
          placeholder-style="color: #3333334D;"
          bindinput="bindInputTags"
          maxlength="-1"
          bindfocus="bindFocus"
          bindblur="bindBlur"
        />
      </view>
    </box>
    <box class="box">
      <view class="mb-8">
        快速调整 media-info
      </view>
      <view>
        <button
          class="mb-8"
          bindtap="changeMediaInfoToImageResource"
        >
          调整到发布 1 张图片
        </button>
        <button
          class="mb-8"
          bindtap="changeMediaInfoToVideoResource"
        >
          调整到发布视频资源
        </button>
        <button
          class="mb-8"
          bindtap="changeMediaInfoToDifferentImageResource"
        >
          调整到图片为 18 张不同的
        </button>
        <button
          class="mb-8"
          bindtap="changeMediaInfoToSameImageResource"
        >
          调整到图片为 18 张一样的
        </button>
        <button
          class="mb-8"
          bindtap="changeMediaInfoTooLong"
        >
          调整到图片资源个数不符合要求（19）
        </button>
      </view>
    </box>
    <box class="box">
      <view class="mb-8">
        媒体信息，media-info（图片 1-18 张 / 视频 1 个）
      </view>
      <view class="_ui-input">
        <textarea
          value="{{ mediaInfo }}"
          auto-height
          placeholder="话题，使用英文逗号分割"
          placeholder-style="color: #3333334D;"
          bindinput="bindInputMediaInfo"
          maxlength="-1"
          bindfocus="bindFocus"
          bindblur="bindBlur"
        />
      </view>
    </box>
  </showbox>
  <showbox title="曝光埋点测试用，下滑直到按钮可见">
    <box class="box">
      <scroll-view
        style="height: 300px;"
        scroll-y
        show-scrollbar
      >
        <view style="height: 500px; background-color: antiquewhite;"></view>
        <view
          style="margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center;"
        >
          <post-note-button></post-note-button>
        </view>
      </scroll-view>
    </box>
  </showbox>
  <view class="safe-area"></view>
</view>