dataTemp.js 13 KB

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