tape.txt

  <s-page id="tape-show" theme="dark" style="display: none;z-index: -1;transition: 0.7s;">
    <!-- -background -->
    <div class="background"
      style="background-image: url(./src/television.jpg);position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter: blur(10px);z-index: 0;">
    </div>
    <s-button id='create-tape'
      style="position: absolute;top: 70%;left: 50%;transform: translate(-50%,-50%);z-index: 1;">create-tape</s-button>

    <s-button id='next-page'
      onclick="document.getElementById('app').style.display='flex';document.getElementById('tape-show').style.height='0%';document.getElementById('tape-show').style.display='none';"
      style="position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);z-index: 1;">back</s-button>
    <!-- -轮播图效果 -->
    <div class="swiper-container"
      style="height: 50%;width: 100%;position: fixed;top: 20%;display: flex;background-color: rgb(0, 255, 255,0);justify-content: center;align-items: center;flex-wrap: nowrap;flex-direction: row;">
    </div>


  </s-page>