<template>  <div class="home">    <bg></bg>    <top title="智慧书店大屏" class="wow fadeInDown" data-wow-delay="0.2s"></top>    <div class="homeMain">      <div class="homeMainl">        <div class="item1">          <item name="书籍价格区间分布" :duration="0.5" :delay="0">            <item1></item1>          </item>        </div>        <div class="item1">          <item name="书籍评分分布情况" :duration="0.5" :delay="0.5">            <item2></item2>          </item>        </div>        <div class="item1">          <item name="书籍包装类型占比" :duration="0.5" :delay="1">            <item3></item3>          </item>        </div>      </div>      <div class="homeMainc">        <div class="item0">          <item9></item9>        </div>        <div class="item2">          <item name="实时借还数据动态展示" :duration="0.5" :delay="0.5">            <item8></item8>          </item>        </div>        <div class="item1">          <div class="item1Inner">            <item name="读者年龄分布" :duration="0.5" :delay="1">              <item7></item7>            </item>          </div>          <div class="item1Inner">            <item name="读者性别分布" :duration="0.5" :delay="1">              <item10></item10>            </item>          </div>        </div>      </div>      <div class="homeMainr">        <div class="item1">          <item name="各类型图书占比分析" :duration="0.5" :delay="0">            <item4></item4>          </item>        </div>        <div class="item1">          <item name="各时段借阅人次统计" :duration="0.5" :delay="0.5">            <item5></item5>          </item>        </div>        <div class="item1">          <item name="热门书籍借阅排名" :duration="0.5" :delay="1">            <item6></item6>          </item>        </div>      </div>    </div>  </div></template><script setup>import { onMounted } from 'vue'import top from "./components/top/index.vue"import item from "./components/item/index.vue"import item1 from "./components/item1/index.vue"import item2 from "./components/item2/index.vue"import item3 from "./components/item3/index.vue"import item4 from "./components/item4/index.vue"import item5 from "./components/item5/index.vue"import item6 from "./components/item6/index.vue"import item7 from "./components/item7/index.vue"import item8 from "./components/item8/index.vue"import item9 from "./components/item9/index.vue"import item10 from "./components/item10/index.vue"import bg from "@/components/bg/index.vue"import WOW from "wow.js"onMounted(() => {  const wow = new WOW({})  wow.init()})</script>