dataTemp.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
  1. const envTemp = window.location.href.includes("http://");
  2. const baseUrlTemp = envTemp
  3. ? "http://127.0.0.1:8080/staticData"
  4. : "/web/staticData";
  5. // const baseUrlTemp = '/web/staticData'
  6. const staticDataTemp = {
  7. // 总览
  8. home: {
  9. // 开场视频的显示和隐藏
  10. isVideoFlag: '隐藏', //显示\隐藏
  11. // 外面地图(村落)的标点
  12. dianOut: [
  13. {
  14. id: 1,
  15. name: "锦江里",
  16. // 电脑端的定位
  17. top: "53%",
  18. left: "25%",
  19. right: "auto",
  20. bottom: "auto",
  21. // 电脑端鼠标移入的设置
  22. hover: {
  23. width: '25%',
  24. height: '26%',
  25. top: '45%',
  26. left: '18.5%'
  27. },
  28. // 手机端的定位
  29. topM: "10%",
  30. leftM: "20%",
  31. rightM: "auto",
  32. bottomM: "auto",
  33. },
  34. {
  35. id: 2,
  36. name: "三门里三门里三",
  37. // 电脑端的定位
  38. top: "auto",
  39. left: "auto",
  40. right: "30%",
  41. bottom: "20%",
  42. // 电脑端鼠标移入的设置
  43. hover: {
  44. width: '10%',
  45. height: '10%',
  46. top: '10%',
  47. left: '10%',
  48. },
  49. // 手机端的定位
  50. topM: "30%",
  51. leftM: "20%",
  52. rightM: "auto",
  53. bottomM: "auto",
  54. },
  55. ],
  56. // 里面数据的标点
  57. dianIn: [
  58. {
  59. id: 1,
  60. // 电脑端的定位
  61. top: "53%",
  62. left: "25%",
  63. right: "auto",
  64. bottom: "auto",
  65. name: '1983年12月31日',
  66. txt: '  2001年3月,开平市成立了开平碉楼申报世界文化遗产领导小组,市主要领导亲自挂帅,从各有关部门抽出精兵强将专职开展碉楼保护和申报工作。6月25日,开平碉楼被国务院批准列入第五批全国重点文物保护单位名单。',
  67. // 电脑端历史事件的定位
  68. txtLoc: {
  69. top: "50px",
  70. left: "80px",
  71. },
  72. // 手机端的定位
  73. topM: "30%",
  74. leftM: "20%",
  75. rightM: "auto",
  76. bottomM: "auto",
  77. },
  78. {
  79. id: 2,
  80. // 电脑端的定位
  81. top: 'auto',
  82. left: 'auto',
  83. right: "20%",
  84. bottom: "10%",
  85. name: '1983年',
  86. txt: '  2001年3月,开平市成立了开平碉楼申报世界文化遗产领导小组,市主要领导亲自挂帅,从各有关部门抽出精兵强将专职开展碉楼保护和申报工作。6月25日,开平碉楼被国务院批准列入第五批全国重点文物保护单位名单。',
  87. // 电脑端历史事件的定位
  88. txtLoc: {
  89. top: "-300px",
  90. left: "-80px",
  91. },
  92. // 手机端的定位
  93. topM: "20%",
  94. leftM: "10%",
  95. rightM: "auto",
  96. bottomM: "auto",
  97. }
  98. ],
  99. },
  100. // 村落(注意这里的村落id要和上面的 总览 数据 的 dianOut 里面的 id 相同)
  101. village: [
  102. {
  103. id: 1,
  104. scene: 'scene_zlc',
  105. name: '自力村',
  106. // 村落介绍
  107. infoTxt: '村落介<br/>绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍',
  108. // 村落详情
  109. info: [
  110. {
  111. id: 1,
  112. label: '建筑名',
  113. // 垂直方向
  114. atv: 0,
  115. // 水平方向
  116. ath: 0,
  117. txt: '&emsp;&emsp;村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介<br/>&emsp;&emsp;绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落',
  118. // 建筑id,和下面的 architec 里的 data 里的 建筑 id一致
  119. architecId: '3_1',
  120. // 帧动画的帧数
  121. zhen: 53,
  122. // 帧动画的速度
  123. zhenSuDu: 22,
  124. buildArr: [
  125. // 是否有场景,有的话,第一个填写场景,id为场景码,name为室内场景
  126. { id: '1194', name: '室内场景' },
  127. // 构件id集合,没有就不写
  128. // id 和下面的 build 的id 一致。最多关联2个构件
  129. { id: '4_1', name: '构件1' },
  130. { id: '4_2', name: '构件2' },
  131. ]
  132. },
  133. {
  134. id: 2,
  135. label: '建筑名2',
  136. // 垂直方向
  137. atv: 0,
  138. // 水平方向
  139. ath: 30,
  140. txt: '落介绍村落介绍村落22',
  141. // 建筑id,和下面的 architec 里的 data 里的 建筑 id一致
  142. architecId: '3_2',
  143. // 帧动画的帧数
  144. zhen: 53,
  145. // 帧动画的速度
  146. zhenSuDu: 40,
  147. buildArr: [
  148. // 是否有场景,有的话,第一个填写场景,id为场景码,name为室内场景
  149. { id: '1194', name: '室内场景' },
  150. // 构件id集合,没有就不写
  151. // id 和下面的 build 的id 一致。最多关联2个构件
  152. { id: '4_3', name: '构件2-1' },
  153. ]
  154. },
  155. {
  156. id: 3,
  157. label: '建筑名3',
  158. // 垂直方向
  159. atv: 10,
  160. // 水平方向
  161. ath: 40,
  162. txt: '',
  163. // 建筑id,和下面的 architec 里的 data 里的 建筑 id一致
  164. architecId: '3_3',
  165. // 帧动画的帧数
  166. zhen: 48,
  167. // 帧动画的速度
  168. zhenSuDu: 10,
  169. buildArr: [
  170. // 是否有场景,有的话,第一个填写场景,id为场景码,name为室内场景
  171. { id: '1194', name: '室内场景' },
  172. // 构件id集合,没有就不写
  173. // id 和下面的 build 的id 一致。最多关联2个构件
  174. // { id: '4_3', name: '构件2-1' },
  175. ]
  176. },
  177. ]
  178. },
  179. {
  180. id: 2,
  181. scene: 'scene_zlc',
  182. name: '锦江里2',
  183. // 村落介绍
  184. infoTxt: '村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍',
  185. // 村落详情
  186. info: []
  187. },
  188. {
  189. id: 3,
  190. scene: 'scene_zlc',
  191. name: '锦江里3',
  192. // 村落介绍
  193. infoTxt: '村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍',
  194. // 村落详情
  195. info: []
  196. },
  197. {
  198. id: 4,
  199. scene: 'scene_zlc',
  200. name: '锦江里4',
  201. // 村落介绍
  202. infoTxt: '村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍',
  203. // 村落详情
  204. info: []
  205. },
  206. {
  207. id: 5,
  208. scene: 'scene_zlc',
  209. name: '锦江里5',
  210. // 村落介绍
  211. infoTxt: '村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍村落介绍',
  212. // 村落详情
  213. info: []
  214. },
  215. ],
  216. // 建筑
  217. architec: {
  218. // 1表示村落id,和上面的相同
  219. 1: {
  220. // 村落名字,和上面相同
  221. name: '锦江里',
  222. data: [
  223. {
  224. id: '3_1',
  225. name: '养贤别墅1',
  226. txt: '&emsp;&emsp;养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,<br/>当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。',
  227. // 是否有场景,有就填写场景码,没有为空
  228. code: '1196',
  229. // 相关的构件id(和下面的 build 里面的id一致) 最多3个
  230. isBuild: [
  231. {
  232. id: '4_1',
  233. name: '构件1'
  234. },
  235. {
  236. id: '4_2',
  237. name: '构件2'
  238. },
  239. {
  240. id: '4_3',
  241. name: '构件3'
  242. },
  243. ],
  244. },
  245. {
  246. id: '3_2',
  247. name: '养贤别墅2',
  248. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  249. },
  250. {
  251. id: '3_3',
  252. name: '养贤别墅3',
  253. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  254. },
  255. {
  256. id: '3_4',
  257. name: '养贤别墅4',
  258. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  259. },
  260. {
  261. id: '3_5',
  262. name: '养贤别墅5',
  263. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  264. },
  265. {
  266. id: '3_6',
  267. name: '养贤别墅6',
  268. txt: ''
  269. },
  270. ]
  271. },
  272. 2: {
  273. // 村落名字,和上面相同
  274. name: '锦江里二',
  275. data: [
  276. {
  277. id: '3_7',
  278. name: '养贤别墅2-1',
  279. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  280. },
  281. {
  282. id: '3_8',
  283. name: '养贤别墅2',
  284. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  285. },
  286. {
  287. id: '3_9',
  288. name: '养贤别墅3',
  289. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  290. },
  291. {
  292. id: '3_10',
  293. name: '养贤别墅4',
  294. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  295. },
  296. {
  297. id: '3_11',
  298. name: '养贤别墅5',
  299. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  300. },
  301. {
  302. id: '3_12',
  303. name: '养贤别墅6',
  304. txt: '养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。'
  305. },
  306. ]
  307. },
  308. 3: {
  309. // 村落名字,和上面相同
  310. name: '锦江里二锦江里',
  311. data: []
  312. }
  313. },
  314. // 构件
  315. build: [
  316. {
  317. id: '4_1',
  318. name: '构件1',
  319. txt: '&emsp;&emsp;养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,<br/>当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。',
  320. // 手机端的副标题
  321. title2: '马降龙村-卢俊',
  322. // 村落id,和上面 home 数据里面的id对应
  323. cid: 1,
  324. // 是否有新旧对比 没有不写
  325. isOld: {
  326. name: '旧的',
  327. type: 'model',// img、model
  328. loc: '竖' //横、竖
  329. }
  330. },
  331. {
  332. id: '4_2',
  333. name: '构件 l 实打实',
  334. txt: '&emsp;&emsp;养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,<br/>当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。',
  335. // 手机端的副标题
  336. title2: '马降龙村-卢俊',
  337. // 村落id,和上面 home 数据里面的id对应
  338. cid: 2,
  339. // 是否有新旧对比 没有不写
  340. isOld: {
  341. name: '旧的',
  342. type: 'img',// img、model
  343. loc: '竖' //横、竖
  344. }
  345. },
  346. {
  347. id: '4_3',
  348. name: '构件3',
  349. txt: '&emsp;&emsp;养闲别墅建于1919年,是自立村现存碉楼和庐之一。主人是当地一名私塾教师,后赴南洋谋生。他家里有一个扎小脚的妻子,<br/>当时土匪横行乡里,水患不断,为了保护家人的安全,而建了这座楼。',
  350. // 手机端的副标题
  351. title2: '马降龙村-卢俊',
  352. // 村落id,和上面 home 数据里面的id对应
  353. cid: 3,
  354. // 是否有新旧对比 没有不写
  355. isOld: {
  356. name: '旧的',
  357. type: 'img',// img、model
  358. loc: '横' //横、竖
  359. }
  360. },
  361. {
  362. id: '4_4',
  363. name: '构件4',
  364. txt: '',
  365. // 手机端的副标题
  366. title2: '马降龙村-卢俊',
  367. // 村落id,和上面 home 数据里面的id对应
  368. cid: 4,
  369. },
  370. ]
  371. };