window.isHH = document.documentElement.clientWidth >= document.documentElement.clientHeight

const isPcTemp = document.documentElement.clientWidth >= 1200

// 本地开发静态资源目录
const baseUrlLoc = 'http://192.168.20.55:8080/staticData/'

// Build开发资源目录
const baseUrlAtl = 'xxxxxxxxxxxxxxxxx/staticData/'

// 一些动态配置的数据
const myDataTemp = {
  // 每次刷新页面都从首页开始/每次进页面都有加载中动画
  isLdong: true,

  // 首页(静态资源目录位置：staticData/HH/home)
  home: {
    // 背景图路径+名字
    bgImg: 'home/bg.jpg',
    // 左下角动画视频路径+名字
    leftVideo: 'home/left.mp4',
    // 主动画
    videos: ['home/1.mp4'],
    // 最后的过场动画路径+名字
    lastVideo: 'home/end.mp4'
  },

  // 车骑拜谒(静态资源目录位置：staticData/HH/visit)
  visit: {
    // 开场动画视频名字
    videoSta: 'visit/base.mp4',
    // 过度视频
    videos: ['visit/1.mp4'],
    // 最后的过场动画路径+名字
    lastVideo: 'visit/end.mp4',
    // 热点
    hot: [
      {
        // 热点名字
        name: '周礼九拜',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'visit/hot/hot1.png',
        data: [
          {
            // 名字
            name: '稽首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
          },
          {
            // 名字
            name: '顿首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
          },
          {
            // 名字
            name: '空首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg']
          },
          {
            // 名字
            name: '稽首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
          },
          {
            // 名字
            name: '顿首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
          },
          {
            // 名字
            name: '空首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg']
          },
          {
            // 名字
            name: '稽首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
          },
          {
            // 名字
            name: '顿首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
          },
          {
            // 名字
            name: '空首',
            // 文本内容
            txt: `
            <h3>双膝跪地，双手扶地，</h3>
            <h2>头向下至地，稽留一段时间。</h2>
            <br/>
            <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜"，</p>
            <p>"拜"共有九种，九拜的共同之处即都有跪的动作，</p>
            <p>凡拜必跪，不跪不为拜。</p>
            `,
            // 图片路径+名字
            imgArr: ['visit/hot/1.jpg']
          }
        ]
      },
      {
        // 热点名字
        name: '拥彗迎宾',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'visit/hot/hot1.png',
        data: [
          {
            name: '高亮1',
            txt: `
            <p>111汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/4.png']
          },
          {
            name: '高亮2',
            txt: `
            <p>222汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/4.png']
          },
          {
            name: '高亮3',
            txt: `
            <p>333汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/4.png']
          }
        ]
      },
      {
        // 热点名字
        name: '迎宾礼仪',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'visit/hot/hot1.png',
        data: [
          {
            name: '高亮1',
            txt: `
            <p>客人来拜访之时，主人到门口恭候，欢迎宾客的到来，主人向宾客揖手行礼，客人回拜，礼毕后主人请客人入门，主人从右门侧进，客人从左侧门进。《礼记·乡饮酒义》中规定：“主人拜迎宾于阳门之外，入三揖而后至阶，三让而后升，所以致尊让也”。</p>
            `,
            imgArr: ['visit/hot/5.png']
          }
        ]
      },
      {
        // 热点名字
        name: '汉代屋顶',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'visit/hot/hot1.png',
        data: [
          {
            name: '悬山顶',
            txt: `
            <p>汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          },
          {
            name: '庑殿顶',
            txt: `
            <p>222汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          },
          {
            name: '盝顶',
            txt: `
            <p>333汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          },
          {
            name: '囤顶',
            txt: `
            <p>444汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          },
          {
            name: '歇山顶',
            txt: `
            <p>555汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          },
          {
            name: '攒尖顶',
            txt: `
            <p>666汉代，我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外，还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍，庑殿顶用于规格较高的建筑物。这时，歇山顶的结构尚未成熟，攒尖顶在汉代也较为少见。
            <br/>
            悬山顶又叫“挑山”或“厦两头”，其特点是木檩露出山墙外，即所谓“出梢”，悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶，使顶上的檩端伸出墙外，钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊，也有用无正脊的卷棚，山墙的山尖部分常做成五花山墙。</p>
            `,
            imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
          }
        ]
      },
      {
        // 热点名字
        name: '汉代车骑',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'visit/hot/hot1.png',
        data: [
          {
            name: '轺车',
            txt: `
            <h3>轺车</h3>
            <p>轺车是一种小而轻便的乘坐之车，车厢小，中央竖立伞形车盖，四面敞露，乘坐者可坐在车里四向远望。
            <br/>
            汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
            `,
            imgArr: ['visit/hot/8.png']
          },
          {
            name: '轓车',
            txt: `
            <h3>轓车</h3>
            <p>轺车是一种小而轻便的乘坐之车，车厢小，中央竖立伞形车盖，四面敞露，乘坐者可坐在车里四向远望。
            <br/>
            汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
            `,
            imgArr: ['visit/hot/8.png']
          }
        ]
      }
    ]
  },

  // 主客宴请(静态资源目录位置：staticData/HH/banquet)
  banquet: {
    // 开场动画视频名字
    videoSta: 'banquet/base.mp4',
    // 过度视频
    videos: ['banquet/1.mp4'],
    // 最后的过场动画路径+名字
    lastVideo: 'banquet/end.mp4',
    hot: [
      {
        // 热点名字
        name: '汉代坐姿',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '坐',
            txt: `
            <h3>坐</h3>
            <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
            <br/>
            666666666666666666</p>
            `,
            imgArr: ['banquet/hot/8.png']
          },
          {
            name: '跪',
            txt: `
            <h3>跪</h3>
            <p>跪跪跪跪车是一种小而轻便的乘坐之车，车厢小，中央竖立伞形车盖，四面敞露，乘坐者可坐在车里四向远望。
            <br/>
            汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
            `,
            imgArr: ['banquet/hot/8.png']
          },
          {
            name: '踞',
            txt: `
            <h3>踞</h3>
            <p>踞踞踞踞车是一种小而轻便的乘坐之车，车厢小，中央竖立伞形车盖，四面敞露，乘坐者可坐在车里四向远望。
            <br/>
            汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '汉代家具',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '汉代家具',
            txt: `
            <h3>汉代家具</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '汉代坐具',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '汉代坐具',
            txt: `
            <h3>汉代坐具</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '三角纹彩绘陶壶',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '三角纹彩绘陶壶',
            txt: `
            <h3>三角纹彩绘陶壶</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '五凤铜熏炉',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '五凤铜熏炉',
            txt: `
            <h3>五凤铜熏炉</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '红绿釉陶灯',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '红绿釉陶灯',
            txt: `
            <h3>红绿釉陶灯</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      },
      {
        // 热点名字
        name: '三角纹彩绘陶鼎',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        // pc鼠标移入显示的图片路径+名字
        hoverSrc: 'banquet/hot/hot1.png',
        data: [
          {
            name: '三角纹彩绘陶鼎',
            txt: `
            <h3>三角纹彩绘陶鼎</h3>
            `,
            imgArr: ['banquet/hot/8.png']
          }
        ]
      }
    ]
  },
  // 乐舞百戏(静态资源目录位置：staticData/HH/dance)
  dance: {
    // 热点===>第一个为 四神云气图
    hot: [
      {
        // 热点名字
        name: '四神云气图',
        // 热点图片路径+名字
        imgSrc: 'dance/hot1.png',
        // 点击之后的过度动画路径+名字
        videoSrc: 'dance/8.mp4',
        // 热点定位百分比
        loc: {
          top: '10%',
          left: '10%'
        }
      },
      {
        // 热点名字
        name: '热点000',
        // 热点图片路径+名字
        imgSrc: 'dance/hot2.png',
        // 热点定位百分比
        loc: {
          top: '20%',
          left: '30%'
        },
        data: [
          {
            name: '热点001',
            txt: `
            <h3>坐1</h3>
            <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
            <br/>
            666666666666666666</p>
            `,
            imgArr: ['dance/hot/1.png']
          },
          {
            name: '热点002',
            txt: `
            <h3>坐2</h3>
            <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
            <br/>
            666666666666666666</p>
            `,
            imgArr: ['dance/hot/1.png']
          }
        ]
      }
    ],

    // 底部动作
    floor: [
      {
        name: '击鼓',
        imgSrc: 'dance/1.png',
        videoSrc: 'dance/1.mp4'
      },
      {
        name: '伴奏',
        imgSrc: 'dance/2.png',
        videoSrc: 'dance/2.mp4'
      },
      {
        name: '盘鼓舞',
        imgSrc: 'dance/3.png',
        videoSrc: 'dance/3.mp4'
      },
      {
        name: '吐火',
        imgSrc: 'dance/4.png',
        videoSrc: 'dance/4.mp4'
      },
      {
        name: '顶棍',
        imgSrc: 'dance/5.png',
        videoSrc: 'dance/5.mp4'
      },
      {
        name: '掷丸',
        imgSrc: 'dance/6.png',
        videoSrc: 'dance/6.mp4'
      },
      {
        name: '杂技',
        imgSrc: 'dance/7.png',
        videoSrc: 'dance/7.mp4'
      },
      {
        name: '相扑',
        imgSrc: 'dance/8.png',
        videoSrc: 'dance/8.mp4'
      }
    ],

    // 最后的过场动画路径+名字
    lastVideo: 'dance/end.mp4'
  },
  // 四神云气图(静态资源目录位置：staticData/HH/yun)
  yun: {
    // 背景图
    bjImg: 'yun/bg.png',
    name: '四神云气图',
    tit: '墓室壁画',
    iconArr: [
      {
        // 这里id不要自己修改！
        id: 1,
        title: '青龙',
        dian: [
          {
            id: '1_1',
            // 热点定位百分比
            loc: {
              top: '44%',
              left: '24%'
            }
          },
          {
            id: '1_2',
            // 热点定位百分比
            loc: {
              top: '45%',
              left: '10%'
            }
          },
          {
            id: '1_3',
            // 热点定位百分比
            loc: {
              top: '26%',
              left: '59%'
            }
          }
        ]
      },
      {
        id: 2,
        title: '白虎',
        dian: [
          {
            id: '2_1',
            // 热点定位百分比
            loc: {
              top: '27%',
              left: '11%'
            },
            change: 'scale(2) translate(88px, 25px)'
          }
        ]
      },
      {
        id: 3,
        title: '朱雀',
        dian: [
          {
            id: '3_1',
            // 热点定位百分比
            loc: {
              top: '9%',
              left: '51%'
            },
            change: 'scale(1.5) translate(-54px, 47px)'
          },
          {
            id: '3_2',
            // 热点定位百分比
            loc: {
              top: '49%',
              left: '71%'
            },
            change: 'scale(1.5) translate(-54px, 47px)'
          }
        ]
      },
      {
        id: 4,
        title: '怪兽',
        dian: [
          {
            id: '4_1',
            // 热点定位百分比
            loc: {
              top: '44%',
              left: '54%'
            },
            change: 'scale(1.3) translate(-37px, 1px)'
          },
          {
            id: '4_2',
            // 热点定位百分比
            loc: {
              top: '66%',
              left: '60%'
            },
            change: 'scale(1.3) translate(-37px, 1px)'
          },
          {
            id: '4_3',
            // 热点定位百分比
            loc: {
              top: '70%',
              left: '50%'
            },
            change: 'scale(1.3) translate(-37px, 1px)'
          }
        ]
      },
      {
        id: 5,
        title: '云纹',
        dian: [
          {
            id: '5_1',
            // 热点定位百分比
            loc: {
              top: '4%',
              left: '0.88%'
            }
          },
          {
            id: '5_2',
            // 热点定位百分比
            loc: {
              top: '4%',
              left: '42.2%'
            },
            change: 'scale(2) translate(12px, 58px)'
          }
        ]
      }
    ]
  },
  // 仙居(静态资源目录位置：staticData/HH/xian)
  xian: [
    // 这里id不要自己修改！
    {
      id: 1,
      name: '四神云气图',
      tit: '墓室壁画',
      txt: `
      <p>1986年发现于河南省商丘市永城县砀山 · 梁孝王之子梁共王刘买之墓</p>
      <br />
      <p>中部一条7米长巨龙飞腾，东朱雀，西白虎，四周由怪兽、灵芝及云气纹图案装饰。填补了我国西汉时期壁画的空白，比敦煌壁画要早600多年，被誉为“敦煌之前的敦煌”的四神云气图</p>`
    },

    {
      id: 2,
      name: '卜千秋墓中的升仙图',
      tit: '墓室壁画',
      txt: `
      <p>壁画长4.15米，宽0.32米</p>
      <br />
      <p>它“讲述”了西汉一对夫妇死后升仙的“故事”。“壁画距今已2000多年了，是国内发现最完整的西汉壁画，被学术界和文物考古界誉为“国宝级文物”。</p>`
    }
    // {
    //   id: 3,
    //   name: '汉代先民的神仙信仰',
    //   tit: '墓室壁画',
    //   txt: `
    //   <p>资料待完善</p>`
    // }
  ],
  // 后厨备宴(静态资源目录位置：staticData/HH/chef)
  chef: {
    // 最后的过场动画路径+名字
    lastVideo: 'chef/end.mp4',
    // 初始背景图路径+名字
    baseImg: 'chef/bg.jpg',
    // 后厨群像图路径+名字
    houChuImg: 'chef/houChu.jpg',
    hot: [
      {
        // 热点名字
        name: '㓥猪',
        // 热点图片路径+名字
        imgSrc: 'chef/hot1.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/1.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show1.png',
        // 里面展示的文本
        txt: `
        <p>将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '71%',
          left: '9%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(278px, -107px)'
      },
      {
        // 热点名字
        name: '割肉',
        // 热点图片路径+名字
        imgSrc: 'chef/hot2.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/2.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show2.png',
        // 里面展示的文本
        txt: `
        <p>割肉割肉将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '68%',
          left: '44%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(44px, -90px)'
      },
      {
        // 热点名字
        name: '淘洗',
        // 热点图片路径+名字
        imgSrc: 'chef/hot3.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/3.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show3.png',
        // 里面展示的文本
        txt: `
        <p>淘洗淘洗将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '65%',
          left: '58%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(-90px, -70px)'
      },
      {
        // 热点名字
        name: '烧灶',
        // 热点图片路径+名字
        imgSrc: 'chef/hot4.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/4.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show4.png',
        // 里面展示的文本
        txt: `
        <p>烧灶烧灶将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '63%',
          left: '78%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(-248px, -70px)'
      }
    ]
  }
}