HeNan_HanJia/Code/public/myData/myData.js

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: false,

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

  // 首页后面的一个过度页面
  base: {
    // 背景图路径+名字
    bgImg: 'base/bg.jpg',
    // 最后的过场动画路径+名字
    lastVideo: 'base/end.mp4'
  },

  // 车骑拜谒(静态资源目录位置：staticData/visit)
  visit: {
    // 背景图路径+名字
    bgImg: 'visit/bg.jpg',
    // 过度视频
    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/banquet)
  banquet: {
    // 背景图路径+名字
    bgImg: 'banquet/bg.jpg',
    // 过度视频
    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/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/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/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/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: '64%',
          left: '77.5%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(-216px, -85px)'
      },
      {
        // 热点名字
        name: '割肉',
        // 热点图片路径+名字
        imgSrc: 'chef/hot2.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/2.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show2.png',
        // 里面展示的文本
        txt: `
        <p>割肉割肉将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '67%',
          left: '36.5%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(87px, -95px)'
      },
      {
        // 热点名字
        name: '淘洗',
        // 热点图片路径+名字
        imgSrc: 'chef/hot3.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/3.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show3.png',
        // 里面展示的文本
        txt: `
        <p>淘洗淘洗将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '64%',
          left: '22.8%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(215px, -108px)'
      },
      {
        // 热点名字
        name: '烧灶',
        // 热点图片路径+名字
        imgSrc: 'chef/hot4.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/4.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show4.png',
        // 里面展示的文本
        txt: `
        <p>烧灶烧灶将处理好的肉，按用途切割成条状、块状或薄片，</p>
        <p>且常依照礼制或饮食习惯进行处理。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '71%',
          left: '55%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(-75px, -126px)'
      },
      {
        // 热点名字
        name: '劈柴',
        // 热点图片路径+名字
        imgSrc: 'chef/hot5.png',
        // 点击之后的播放动画路径+名字
        videoSrc: 'chef/5.mp4',
        // 里面展示的图片路径+名字
        showImg: 'chef/show5.png',
        // 里面展示的文本
        txt: `
        <p>劈柴劈柴劈柴劈柴劈柴劈柴，</p>
        <p>劈柴劈柴劈柴劈柴劈柴。</p>
        `,
        // 热点定位百分比
        loc: {
          top: '64%',
          left: '65.5%'
        },
        // 点击热点之后放大的比例和位置
        change: 'scale(3) translate(-143px, -106px)'
      }
    ]
  },
  // 田间耕作(静态资源目录位置：staticData/plow)
  plow: {
    // 最后的过场动画路径+名字
    lastVideo: 'plow/end.mp4',
    // 初始背景图路径+名字
    baseImg: 'plow/bg.jpg',
    // 主要信息
    info: [
      {
        name: '整地',
        // 视频路径+名字
        videoSrc: 'plow/1.mp4',
        // 文本信息
        txt: `
        <P>在汉代，农耕是农业生产的基础，而整地是其中至关重要的一个步骤。整地通常包括四个主要环节：耕地、耙地、耱地以及开沟起垄。</P>
        `,

        hot: [
          {
            // 热点名字
            name: '整地1',
            // 热点图片路径+名字
            imgSrc: 'plow/hot1.png',
            // 热点定位百分比
            loc: {
              top: '20%',
              left: '30%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          },
          {
            // 热点名字
            name: '整地2',

            // 热点图片路径+名字
            imgSrc: 'plow/hot2.png',
            // 热点定位百分比
            loc: {
              top: '40%',
              left: '50%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          }
        ]
      },
      {
        name: '播种',
        // 视频路径+名字
        videoSrc: 'plow/2.mp4',
        // 文本信息
        txt: `
        <p>汉代对播种的时间、用种量、行株距以及覆土深度等都有了切实的要求。汉代的播种方法有撒播、点播 穴播、和条播三种。西汉赵过发明的耧车将开沟和播种结合在一起，可一次播三行，一天可播种一顷一百汉亩。</p>
        `,

        hot: [
          {
            // 热点名字
            name: '播种1',

            // 热点图片路径+名字
            imgSrc: 'plow/hot1.png',
            // 热点定位百分比
            loc: {
              top: '20%',
              left: '30%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          },
          {
            // 热点名字
            name: '播种2',
            // 热点图片路径+名字
            imgSrc: 'plow/hot2.png',
            // 热点定位百分比
            loc: {
              top: '40%',
              left: '50%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          }
        ]
      },
      {
        name: '中耕',
        // 视频路径+名字
        videoSrc: 'plow/3.mp4',
        // 文本信息
        txt: `
        <p>中耕是我国传统农业生产技术体系中的重要环节。汉代继承这一优良传统，《沦胜之书》把“旱锄”作为“凡耕之本”中的一个重要环节，对各种作物都要求“有草锄之，不厌数多”。汉代农具中有专门用除草松土的铁锄。</p>
        `,

        hot: [
          {
            // 热点名字
            name: '中耕1',
            // 热点图片路径+名字
            imgSrc: 'plow/hot1.png',
            // 热点定位百分比
            loc: {
              top: '20%',
              left: '30%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          },
          {
            // 热点名字
            name: '中耕2',

            // 热点图片路径+名字
            imgSrc: 'plow/hot2.png',
            // 热点定位百分比
            loc: {
              top: '40%',
              left: '50%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          }
        ]
      },
      {
        name: '施肥',
        // 视频路径+名字
        videoSrc: 'plow/4.mp4',
        // 文本信息
        txt: `
        <p>通过施肥来提高地力也是我国农业的优良传统。汉代，泥胜之把“务粪泽”，王充把“厚加粪壤”作为“助地力”的重要措施。汉代已创造施用基肥、种肥和追肥等技术。</p>
        `,

        hot: [
          {
            // 热点名字
            name: '施肥',

            // 热点图片路径+名字
            imgSrc: 'plow/hot1.png',
            // 热点定位百分比
            loc: {
              top: '20%',
              left: '30%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          },
          {
            // 热点名字
            name: '施肥2',

            // 热点图片路径+名字
            imgSrc: 'plow/hot2.png',
            // 热点定位百分比
            loc: {
              top: '40%',
              left: '50%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          }
        ]
      },
      {
        name: '收货',
        // 视频路径+名字
        videoSrc: 'plow/5.mp4',
        // 文本信息
        txt: `
        <p>汉代非常重视及时收获。《沦胜之书》 在谈到各种作物的收获时都强调“早获”，粟“获不可不速，常以急疾为务”，“获豆之法，英黑而茎苍，橄收无疑”，“获麻之法，霜下实成，速祈之。”</p>
        `,

        hot: [
          {
            // 热点名字
            name: '收货1',

            // 热点图片路径+名字
            imgSrc: 'plow/hot1.png',
            // 热点定位百分比
            loc: {
              top: '20%',
              left: '30%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          },
          {
            // 热点名字
            name: '收货2',
            // 热点图片路径+名字
            imgSrc: 'plow/hot2.png',
            // 热点定位百分比
            loc: {
              top: '40%',
              left: '50%'
            },
            data: [
              {
                name: '001',
                txt: `
              <h3>坐1</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              },
              {
                name: '002',
                txt: `
              <h3>坐2</h3>
              <p>坐 两膝相并，双足在后，脚心在上，臀部落在脚根上为坐。跽即两膝相并，双足在后，脚心在上，膝以上身体直起是一种由坐到站的过渡状态。
              <br/>
              666666666666666666</p>
              `,
                imgArr: ['plow/hot/1.png']
              }
            ]
          }
        ]
      }
    ]
  }
}