<template>
  <div class='GoodsAudio'>
    <img class="topImg" src="../../../assets/img/goods/title.png" alt="">
    <div class="titleInco">
      <van-icon name="arrow-down" />
    </div>
    <div class="titleTxt">语音导览</div>
    <!-- 音乐盒子 -->
    <div class="mainBox">
      <div class="audioBox">
        <Audio audioSrc='demo.mp3' />
      </div>
    </div>
    <!-- 文字介绍 -->
    <div class="audioTxt">
      <p>&emsp;&emsp;讲解： 中江塔耸立于青弋江与长江交汇处的江堤上，始建于明万历四十六年（1618年），但“工未竣”，“折损二层”。</p>
      <p>&emsp;&emsp;清代康熙八年（1669年）“重建，乃落成”。</p>
      <p>&emsp;&emsp;一、二层建设于明代，三、四、五层建设于清代，前后跨越了60年。</p>
      <p>&emsp;&emsp;形成五层八角风水塔，“以镇水口”。
      </p>
      <p>&emsp;&emsp;塔为砖石结构，高35米，当时建成的时候，中江塔是有刹有檐的。</p>
      <p>&emsp;&emsp;每层每面均有一门，门两边各有一窗，专供夜间置灯，导航来往船只，故中江塔堪称为芜湖地域位置的标志。</p>
      <p>&emsp;&emsp;古时候，人们把长江的从九江至京口（镇江）一段，称为中江，而芜湖适得其处，故有中江之名；又说古有中江，东通太湖，西流长江，芜湖古地即在中江畔，因而称芜湖为中江，中江塔因此得</p>名。
      <p>&emsp;&emsp;早在东晋、南北朝时期，该处的小塔就成了长江、青弋江两江船只夜航的灯塔，也是船只进入芜湖的航标。</p>
      <p>&emsp;&emsp;楼阁式砖木结构风水宝塔，八角五层，每边长4.1米。塔高43.7米，其中塔刹高10.16米。每层四窗，错置相间，每窗左右各设一灯龛。</p>
      <p>&emsp;&emsp;塔内结构一至二层为壁内折上式，石梯盘绕。三至五层为空筒式，木梯依壁。</p>
      <p>&emsp;&emsp;门窗塔壁，精雕细刻。墙面各边均嵌有砖雕，尤以1～2层圆形欹柱两侧的砖雕雀替最为突出。</p>
      <p>&emsp;&emsp;1987年经省考古研究所组织维修，恢复了塔的出檐部分。八个角用转角斗拱支承老戗出戗，出檐深远。</p>
      <p>&emsp;&emsp;八个面补间斗拱用两朵支承檐桁出挑，椽子和飞子上钉望板，上覆鸳鸯瓦。</p>
      <p>&emsp;&emsp;修复后的中江塔巍然壮观，登临塔顶，万千景象，尽收眼底。</p>
      <p>&emsp;&emsp;中江塔的外形与一般佛塔不同，除顶层略有收缩外，余层几乎呈立柱形。塔顶浑圆，所以人们誉之为“中江一柱”。</p>
      <p>&emsp;&emsp;清初萧尺木《太平山水图》组图中《范罗山图》左下角处，就绘制了中江塔。</p>
      <p>&emsp;&emsp;夜间从一门二窗射出光亮，为往来船只夜间导航，这也是中国式的“灯塔”，告诉过往船只芜湖到了。</p>
    </div>
  </div>
</template>

<script>
import Audio from '../../../components/Audio.vue'
export default {
  components: { Audio },
  data() {
    return {

    };
  },
  computed: {},
  watch: {},
  methods: {

  },
  created() {

  },
  mounted() {

  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='less' scoped>
.GoodsAudio {
  width: 100%;
  height: 100%;
  overflow-y: auto;

  .topImg {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .titleInco {
    text-align: center;
    font-size: 36px;
    color: #bcbcbe;
  }

  .titleTxt {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin: 4px 0 20px;
  }

  .mainBox {
    width: 100%;
    padding: 0 15px;

    .audioBox {
      border-radius: 5px;
      width: 100%;
      height: 50px;
      box-shadow: 0px 1px 3px 0px #ffb199;
    }
  }

  .audioTxt {
    padding: 30px 40px;
    font-size: 14px;
    color: #919193;
    &>p{
      line-height: 20px;
      margin-bottom: 10px;
    }
  }
}
</style>