查看“︁Widget:沙盒”︁的源代码

<noinclude>{{#Widget:沙盒}}</noinclude><includeonly>
<div>测试</div>
<a href="https://example.com">测试</a>

<div class="songbox" data-x-data="songData443399">
  <template x-if="song">
      <div class="songbox_inner">
      <div class="songbox_left">
        <img
          x-bind:src="song.thumb"
          alt="封面"
          width="280"
          referrerpolicy="no-referrer"
        />
        <div class="songbox_titles">
          <div class="songbox_main-title">
            <span lang="ja" x-text="song.name"></span>
          </div>
          <div class="songbox_additional-titles">
            <template x-for="name in song.additionalNames">
              <div x-text="name"></div>
            </template>
          </div>
        </div>
        <div class="songbox_th">演唱</div>
        <div class="songbox_td" x-text="song.vocalists"></div>
        <div class="songbox_th">P主</div>
        <div class="songbox_td" x-text="song.producers"></div>
        <div class="songbox_th">链接</div>
        <div class="songbox_td">
          <a x-bind:href="song.link" target="_blank">VocaDB</a>
        </div>
      </div>
      <div class="songbox_right">
        <template x-for="pv in song.pvs">
          <div
            class="songbox_video"
            :class="{
              'songbox_video-youtube': pv.service === 'Youtube',
              'songbox_video-bilibili': pv.service === 'Bilibili',
              'songbox_video-niconico': pv.service === 'NicoNicoDouga',
            }"
          >
            <a x-bind:href="pv.url" x-text="pv.service"></a>
            <div class="songbox_stats">
              <div class="songbox_stat">
                <span x-text="pv.playCountString"></span>
              </div>
              <div class="songbox_stat">
                <span x-text="pv.publishDate.slice(0, 10)"></span>
              </div>
            </div>
          </div>
        </template>
      </div>
    </div>
  </template>
</div>
</includeonly>