kaiPingWeb/静态资源/web/staticData/dataTemp.js

const envTemp = window.location.href.includes("http://");

const baseUrlTemp = envTemp
  ? "http://127.0.0.1:8080/web/staticData"
  : "/web/staticData";

// 打包配置(甲方没有https)
// const baseUrlTemp = '/web/staticData'

const staticDataTemp = {
  // 总览
  home: {
    // 开场视频的显示和隐藏
    isVideoFlag: '隐藏',  //显示\隐藏
    // 外面地图(村落)的标点
    dianOut: [
      {
        id: 1,
        name: "自力村",
        // 电脑端的定位
        top: "53%",
        left: "25%",
        right: "auto",
        bottom: "auto",
        // 电脑端鼠标移入的设置
        hover: {
          width: '25%',
          height: '26%',
          top: '45%',
          left: '18.5%'
        },
        // 手机端的定位
        topM: "10%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 2,
        name: "赤坎古镇",
        // 电脑端的定位
        top: "auto",
        left: "auto",
        right: "30%",
        bottom: "20%",
        // 电脑端鼠标移入的设置
        hover: {
          width: '10%',
          height: '10%',
          top: '10%',
          left: '10%',
        },
        // 手机端的定位
        topM: "30%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 3,
        name: "马降龙",
        // 电脑端的定位
        top: "auto",
        left: "auto",
        right: "30%",
        bottom: "20%",
        // 电脑端鼠标移入的设置
        hover: {
          width: '10%',
          height: '10%',
          top: '10%',
          left: '10%',
        },
        // 手机端的定位
        topM: "30%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 4,
        name: "锦江里",
        // 电脑端的定位
        top: "auto",
        left: "auto",
        right: "30%",
        bottom: "20%",
        // 电脑端鼠标移入的设置
        hover: {
          width: '10%',
          height: '10%',
          top: '10%',
          left: '10%',
        },
        // 手机端的定位
        topM: "30%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 5,
        name: "三门里",
        // 电脑端的定位
        top: "auto",
        left: "auto",
        right: "30%",
        bottom: "20%",
        // 电脑端鼠标移入的设置
        hover: {
          width: '10%',
          height: '10%',
          top: '10%',
          left: '10%',
        },
        // 手机端的定位
        topM: "30%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
    ],
    // 里面数据的标点
    dianIn: [
      {
        id: 1,
        // 电脑端的定位
        top: "53%",
        left: "25%",
        right: "auto",
        bottom: "auto",
        name: '1983年12月31日',
        txt: '',
        // 电脑端历史事件的定位
        txtLoc: {
          top: "50px",
          left: "80px",
        },
        // 手机端的定位
        topM: "30%",
        leftM: "20%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 2,
        // 电脑端的定位
        top: 'auto',
        left: 'auto',
        right: "20%",
        bottom: "10%",
        name: '1983年',
        txt: '',
        // 电脑端历史事件的定位
        txtLoc: {
          top: "-300px",
          left: "-80px",
        },
        // 手机端的定位
        topM: "20%",
        leftM: "10%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 3,
        // 电脑端的定位
        top: 'auto',
        left: 'auto',
        right: "20%",
        bottom: "10%",
        name: '1983年',
        txt: '',
        // 电脑端历史事件的定位
        txtLoc: {
          top: "-300px",
          left: "-80px",
        },
        // 手机端的定位
        topM: "20%",
        leftM: "10%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 4,
        // 电脑端的定位
        top: 'auto',
        left: 'auto',
        right: "20%",
        bottom: "10%",
        name: '1983年',
        txt: '',
        // 电脑端历史事件的定位
        txtLoc: {
          top: "-300px",
          left: "-80px",
        },
        // 手机端的定位
        topM: "20%",
        leftM: "10%",
        rightM: "auto",
        bottomM: "auto",
      },
      {
        id: 5,
        // 电脑端的定位
        top: 'auto',
        left: 'auto',
        right: "20%",
        bottom: "10%",
        name: '1983年',
        txt: '',
        // 电脑端历史事件的定位
        txtLoc: {
          top: "-300px",
          left: "-80px",
        },
        // 手机端的定位
        topM: "20%",
        leftM: "10%",
        rightM: "auto",
        bottomM: "auto",
      },
    ],

  },

  // 村落（注意这里的村落id要和上面的 总览 数据 的 dianOut 里面的 id 相同）
  village: [
    {
      id: 1,
      scene: 'scene_jjl',
      name: '锦江里',
      // 村落介绍
      infoTxt: '',
      // 村落详情
      info: [
        {
          id: 1,
          label: '建筑名4546',
          // 垂直方向
          atv: 10,
          // 水平方向
          ath: -10,
          txt: '',
          // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
          architecId: '3_1',
          // 帧动画的帧数
          zhen: 53,
          // 帧动画的速度
          zhenSuDu: 22,
          buildArr: [
            // 是否有场景，有的话，第一个填写场景,id为场景码,name为室内场景
            { id: 'SS-RJOS84cxgOf', name: '室内场景' },
            // 构件id集合，没有就不写
            // id 和下面的 build 的id 一致。最多关联2个构件
            { id: '4_1', name: '构件1' },
            { id: '4_2', name: '构件2' },
          ]
        },
        {
          id: 2,
          label: '建筑名2',
          // 垂直方向
          atv: 0,
          // 水平方向
          ath: 30,
          txt: '',
          // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
          architecId: '3_2',
          // 帧动画的帧数
          zhen: 53,
          // 帧动画的速度
          zhenSuDu: 40,
          buildArr: [
            // 是否有场景，有的话，第一个填写场景,id为场景码,name为室内场景
            { id: 'SS-HLJQTX6MMlW', name: '室内场景' },
            // 构件id集合，没有就不写
            // id 和下面的 build 的id 一致。最多关联2个构件
            { id: '4_3', name: '构件2-1' },
          ]
        },
        {
          id: 3,
          label: '建筑名3',
          // 垂直方向
          atv: 10,
          // 水平方向
          ath: 40,
          txt: '',
          // 建筑id，和下面的 architec 里的 data 里的 建筑 id一致
          architecId: '3_3',
          // 帧动画的帧数
          zhen: 53,
          // 帧动画的速度
          zhenSuDu: 22,
          buildArr: [
            // 是否有场景，有的话，第一个填写场景,id为场景码,name为室内场景
            { id: 'SS-RJOS84cxgOf', name: '室内场景' },
            // 构件id集合，没有就不写
            // id 和下面的 build 的id 一致。最多关联2个构件
            // { id: '4_3', name: '构件2-1' },
          ]
        },
      ]
    },
    {
      id: 2,
      scene: 'scene_mjl',
      name: '马降龙村',
      // 村落介绍
      infoTxt: '赤坎旧镇近代建筑群位于开平市赤坎镇中西部，开埠于清朝顺治年间，有400多年历史。赤坎旧镇内保留680多座中西合壁的骑楼建筑和华侨建筑，大部分由海个华侨出资兴建，其中宝济楼、西隆押铺旧址、关光裕碉楼、发明电灯公司旧址、赤坎基督教堂、坚翁司徒公祠、巴黎旅店旧址、司徒珙医院旧址、素庵居庐、关族图书馆、宝恒按碉楼、汇通银号旧址、开平县灵通电话公司旧址、赤坎镇消防队旧址、赤坎影剧院旧址、开平酒家旧址、东堤旅店旧址、中华东路押铺、司徒氏通俗图书馆等建筑为19座广东省文物保护单位单体。赤坎旧镇内的建筑不仅注重造型的美观，而且考虑到楼房的坚固和日常生活使用需要，大部分的建筑材料是外国进口回来的，在保存当地传统建筑风格的同时，又将西欧式建筑移植在家乡土地上，形成了风格独特，是赤坎人将西方建筑文化与岭南建筑文化相融合而产生的具有侨乡特色的建筑。赤坎旧镇近代建筑群作为华侨力量的产物，是海外华侨归乡祭祖、延续宗族文化的场所，对于增强海外华侨对赤坎旧镇的归属感、提高宗族凝聚力、促进当地社会经济发展具有重要意义。2002 年7 月17 日，赤坎旧镇近代建筑群公布为广东省文物保护单位。',
      // 村落详情
      info: []
    },
    {
      id: 3,
      scene: 'scene_zlc',
      name: '自力村',
      // 村落介绍
      infoTxt: '',
      // 村落详情
      info: []
    },
    {
      id: 4,
      scene: 'scene_ckgz',
      name: '赤坎古镇',
      // 村落介绍
      infoTxt: '',
      // 村落详情
      info: []
    },
    {
      id: 5,
      scene: 'scene_sml',
      name: '三门里',
      // 村落介绍
      infoTxt: '',
      // 村落详情
      info: []
    },
  ],

  // 建筑
  architec: {
    // 1表示村落id，和上面的相同
    1: {
      // 村落名字，和上面相同
      name: '自力村',
      data: [
        {
          id: '3_1',
          name: '官生居庐',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国时期。由主楼、附楼和庭院组成，总占地面积222.76平方米。主楼坐西北向东南，高3层，砖混结构，首层面阔11.62米、进深7.71米。',
          // 暂时使用原生的四维看看
          code: 'SS-RJOS84cxgOf',
          // 相关的构件id(和下面的 build 里面的id一致)  最多3个
          isBuild: [
            {
              id: '4_1',
              name: '构件1'
            },
            {
              id: '4_2',
              name: '构件2'
            },
            {
              id: '4_3',
              name: '构件3'
            },
          ],
        },
        {
          id: '3_2',
          name: '澜生居庐',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国二十五年（1936）。由主楼、附楼和庭院组成，总占地面积332.81平方米。主楼坐西北向东南，高3层，砖混结构，首层面阔11.69米、进深9.96米。'
        },
        {
          id: '3_3',
          name: '耀光别墅',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十二年（1923）。坐西北向东南，高3层，钢筋混凝土结构。首层面阔8.43米，进深7.04米，占地面积59.35平方米。'
        },
        {
          id: '3_4',
          name: '养贤别墅',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国八年（1919）。该楼周边有台基，总占地面积124.57平方米。坐西北向东南，高5层，钢筋混凝土结构。首层面阔6.39米，进深7.42米。'
        },
        {
          id: '3_5',
          name: '龙胜楼',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国六年（1917）。坐西北向东南，高3层，钢筋混凝土结构。首层面阔7.29米，进深6.18米，占地面积45.05平方米。'
        },
        {
          id: '3_6',
          name: '安庐',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十五年（1926）。坐西北向东南，高4层，钢筋混凝土结构。首层面阔7.2米，进深10.06米，占地面积72.43平方米。'
        },
        {
          id: '3_7',
          name: '铭石楼',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十四年（1925）。由主楼、附楼和庭院组成，总占地面积600平方米。主楼坐西北向东南，高5层22.74米，钢筋混凝土结构，首层面阔10.66米、进深10.53米。'
        },
        {
          id: '3_8',
          name: '叶生居庐',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十九年（1930）。由主楼、附楼和庭院组成，总占地面积221.39平方米。主楼坐西北向东南，高4层，钢筋混凝土结构，首层面阔11.72米、进深9.72米。'
        },
        {
          id: '3_9',
          name: '振安楼',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十四年（1925）。由碉楼和庭院组成，总占地面积115.80平方米。坐西北向东南，高4层，钢筋混凝土结构，首层面阔6.33米、进深4.92米。'
        },
        {
          id: '3_10',
          name: '逸农庐',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十七年（1928）。由碉楼和庭院组成，总占地面积517.8平方米。坐西北向东南，高4层，钢筋混凝土结构，首层面阔9.06米、进深7.38米。'
        },
        {
          id: '3_11',
          name: '云幻楼',
          txt: '  位于塘口镇强亚村委会自力村，建于中华民国十年（1921）。由碉楼和庭院组成，总占地面积998.4平方米。坐西北向东南，高5层18.88米，钢筋混凝土结构，首层面阔8.02米、进深8.55米。'
        },
      ]
    },
    2: {
      // 村落名字，和上面相同
      name: '赤坎古镇',
      data: [
        {
          id: '3_12',
          name: '养贤别墅2-1',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
        {
          id: '3_13',
          name: '养贤别墅2',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
        {
          id: '3_14',
          name: '养贤别墅3',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
        {
          id: '3_15',
          name: '养贤别墅4',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
        {
          id: '3_16',
          name: '养贤别墅5',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
        {
          id: '3_17',
          name: '养贤别墅6',
          txt: '养闲别墅建于1919年，是自立村现存碉楼和庐之一。主人是当地一名私塾教师，后赴南洋谋生。他家里有一个扎小脚的妻子，当时土匪横行乡里，水患不断，为了保护家人的安全，而建了这座楼。'
        },
      ]
    },
    3: {
      // 村落名字，和上面相同
      name: '锦江里二锦江里',
      data: []
    }
  },
  // 构件
  build: [
    {
      id: '4_1',
      name: '凉亭',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
      // 是否有新旧对比 没有不写
      // isOld: {
      //   name: '旧的',
      //   type: 'model',// img、model
      //   loc: '竖' //横、竖
      // }

    },
    {
      id: '4_2',
      name: '彩色玻璃屏风',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,


    },
    {
      id: '4_3',
      name: '灯影花',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
    },
    {
      id: '4_4',
      name: '对联',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
    },
    {
      id: '4_5',
      name: '山花',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
    },
    {
      id: '4_6',
      name: '铁门',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
    },
    {
      id: '4_7',
      name: '窗套',
      txt: '',
      // 手机端的副标题
      title2: '马降龙村-卢俊',
      // 村落id,和上面 home 数据里面的id对应
      cid: 1,
    },
  ]
};