fullpage-show/src/pages/section8.vue

<template>
  <div class="section wwfirst">
    <div class="box">
      <div class="wwintrobox wwintrobox1">
        <div class="wwtitle">玉人</div>
        <div class="wwintro1">凌家滩文化</div>
        <div class="wwintro2">距今5800-5300年前</div>
        <div class="introiconbox">
          <div class="introicon" dataname="yrdialog"></div>
        </div>
      </div>
      <div class="wwmap hide">
        <img src="/img/map/map-yr.webp" alt="" />
      </div>
      <div class="wwbox fadeIn wwbox-big">
        <img
          src="/img/webp/yuren-1.webp"
          alt=""
          style="transform: translateY(-14.1839px) translateX(47.4495px)"
        />
      </div>

      <div class="wwinfobox">
        <div class="wwinfo">安徽省文物考古研究所藏</div>
        <div class="wwinfo">肩宽2.4厘米，厚0.8厘米，高8.6厘米</div>
        <div class="wwinfo">1998年安徽含山凌家滩29号墓出土</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>