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 = {
  // HH:横屏  SS:竖屏

  // 如果横屏竖屏用同样的数据，只需要在HH(横屏中放一份就可以了)

  // 首页(静态资源目录位置：staticData/HH/home)
  home: {
    // 背景图路径+名字
    bgImg: 'home/bg.jpg',
    // 5个动画路径+名字（这里暂时写4个，后面自己加/减）
    videos: ['home/1.mp4', 'home/2.mp4', 'home/3.mp4', 'home/4.mp4'],
    // 最后的过长动画路径+名字
    lastVideo: 'home/end.mp4'
  },

  // 车骑拜谒(静态资源目录位置：staticData/HH/visit)
  visit: {
    // 开场动画视频名字
    videoSta: 'visit/base.mp4',
    // 过度视频
    videos: ['visit/1.mp4'],
    // 最后的过长动画路径+名字
    lastVideo: 'visit/end.mp4',
    // 热点
    hot: [
      {
        // 热点名字
        name: '热点1',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        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,
        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,
        data: [
          {
            name: '高亮1',
            txt: `
            <p>客人来拜访之时，主人到门口恭候，欢迎宾客的到来，主人向宾客揖手行礼，客人回拜，礼毕后主人请客人入门，主人从右门侧进，客人从左侧门进。《礼记·乡饮酒义》中规定：“主人拜迎宾于阳门之外，入三揖而后至阶，三让而后升，所以致尊让也”。</p>
            `,
            imgArr: ['visit/hot/5.png']
          }
        ]
      },
      {
        // 热点名字
        name: '汉代屋顶',
        // 热点大小
        size: 1,
        // 垂直方向
        atv: 5,
        // 水平方向
        ath: 0,
        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,
        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,
        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']
          }
        ]
      }
    ]
  },
  // 乐舞百戏(静态资源目录位置：staticData/HH/dance)
  dance: {
    // 热点===>第一个为 四神云气图
    hot: [
      {
        // 热点名字
        name: '四神云气图',
        // 热点图片路径+名字
        imgSrc: 'dance/hot1.png',
        // 点击之后的过度动画路径+名字
        videoSrc: 'dance/8.mp4',
        // 热点定位百分比
        loc: {
          top: '10%',
          right: '10%',
          bottom: 'auto',
          left: 'auto'
        }
      },
      {
        // 热点名字
        name: '热点000',
        // 热点图片路径+名字
        imgSrc: 'dance/hot2.png',
        // 热点定位百分比
        loc: {
          top: 'auto',
          right: 'auto',
          bottom: '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: '墓室壁画'
  }
}