fullpage-show/src/pages/section13.vue

<template>
  <div class="section section13 wwfirst" >
    <div class="box">
          <div class="wwintrobox wwintrobox1">
            <div class="wwtitle">玉神面</div>
            <div class="wwintro1">肖家屋脊文化</div>
            <div class="wwintro2">距今4200-3800年前</div>
            <div class="introiconbox">
              <div class="introicon" dataname="ysmdialog"></div>
            </div>
          </div>
          <div class="wwmap hide">
            <img src="/img/map/map-ysm.webp" alt="">
          </div>
          <div class="wwbox fadeIn">
            <img src="/img/webp/yushenmian-1.webp" alt="" class="ww" style="transform: translateY(-14.1525px) translateX(30.0183px);">
            <img src="/img/webp/yushenmian-line1.webp" alt="" class="line" style="transform: translateY(-14.1525px) translateX(30.0183px);">
          </div>

          <div class="wwinfobox bottom">
            <div class="wwinfo">湖南省文物考古研究院藏</div>
            <div class="wwinfo">残宽7.9厘米，高4.7厘米，厚0.3厘米</div>
            <div class="wwinfo">2016-2018年湖南省澧县孙家岗遗址149号墓出土</div>
          </div>
          <div class="wsicon">
            <div class="inner"></div>
          </div>
        </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import "/src/assets/style/index.scss";
.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>