fullpage-show/src/pages/section28.vue

<template>
  <div class="section wwfirst">
    <div class="box">
          <div class="wwintrobox wwintrobox1">
            <div class="wwtitle">嵌宝玉兔耳环</div>
            <div class="wwintro1">明</div>
            <div class="wwintro2">公元1368-1644年</div>
          </div>
          <div class="wwmap hide">
            <img src="/img/map/map-qbyteh.webp" alt="">
          </div>
          <div class="wwbox fadeIn dialogimgbg wwbox-big">
            <img src="/img/webp/qbyteh-1.webp" alt="" style="transform: translateY(-14.1086px) translateX(22.8165px);">
            <div class="intro dialogbtn ytehdialog1">
              <div class="point"></div>
              <div class="inner" dataname="qbytdialog1"></div>
            </div>
            <div class="intro dialogbtn ytehdialog2">
              <div class="point"></div>
              <div class="inner" dataname="qbytdialog2"></div>
            </div>
          </div>
          <div class="wwinfobox">
            <div class="wwinfo">明十三陵博物馆藏</div>
            <div class="wwinfo">
              通长5.8厘米，环径2.5厘米，兔高2.4厘米，重5.5克<br>
              1958年北京市昌平区十三陵定陵出土
            </div>
          </div>
        </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import "/src/assets/style/index.css";
.section {
  position: relative;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center/cover;
  justify-content: flex-start;
}
</style>