myData.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452
  1. window.isHH = document.documentElement.clientWidth >= document.documentElement.clientHeight
  2. const isPcTemp = document.documentElement.clientWidth >= 1200
  3. // 发送请求基地址
  4. // const apiUrlTemp = 'https://sit-taiyuanczb.4dage.com/api/'
  5. // 一些动态配置的数据
  6. const myDataTemp = {
  7. siderData: [
  8. {
  9. title: '展馆风采',
  10. path: 'home'
  11. },
  12. {
  13. title: '展馆漫游',
  14. path: 'scene'
  15. },
  16. {
  17. title: '建筑动画',
  18. path: 'architecture'
  19. },
  20. {
  21. title: '构件动画',
  22. path: 'member'
  23. },
  24. {
  25. title: '构件赏析',
  26. path: 'view'
  27. },
  28. {
  29. title: '前世今生',
  30. path: 'life'
  31. }
  32. ],
  33. sceneList: [
  34. {
  35. id: 'p1',
  36. name: '场景名称',
  37. thumbUrl: 'myData/img/Atest.png'
  38. },
  39. {
  40. id: 'p2',
  41. name: '场景名称2',
  42. thumbUrl: ''
  43. },
  44. {
  45. id: 'p3',
  46. name: '场景名称3',
  47. thumbUrl: ''
  48. },
  49. {
  50. id: 'p4',
  51. name: '场景名称4',
  52. thumbUrl: ''
  53. }
  54. ],
  55. architectureAnimation: 'myData/media/bgVideo.mp4',
  56. memberList: [
  57. {
  58. name: '台灯',
  59. nameEn: 'DESK LAMP',
  60. imgSrc: 'myData/img/member1.png',
  61. imgSrcLight: 'myData/img/member1_l.png',
  62. videoSrc: 'myData/media/bgVideo.mp4'
  63. },
  64. {
  65. name: '门头',
  66. nameEn: 'STOREFRONT',
  67. imgSrc: 'myData/img/member2.png',
  68. imgSrcLight: 'myData/img/member2_l.png',
  69. videoSrc: 'myData/media/bgVideo.mp4'
  70. },
  71. {
  72. name: '壁炉',
  73. nameEn: 'FIREPLACE',
  74. imgSrc: 'myData/img/member3.png',
  75. imgSrcLight: 'myData/img/member3_l.png',
  76. videoSrc: 'myData/media/bgVideo.mp4'
  77. },
  78. {
  79. name: '吊灯',
  80. nameEn: 'CHANDELIER',
  81. imgSrc: 'myData/img/member4.png',
  82. imgSrcLight: 'myData/img/member4_l.png',
  83. videoSrc: 'myData/media/bgVideo.mp4'
  84. },
  85. {
  86. name: '门把手',
  87. nameEn: 'STOREFRONT',
  88. imgSrc: 'myData/img/member5.png',
  89. imgSrcLight: 'myData/img/member5_l.png',
  90. videoSrc: 'myData/media/bgVideo.mp4'
  91. },
  92. {
  93. name: '门厅镜框',
  94. nameEn: 'CHANDELIER',
  95. imgSrc: 'myData/img/member6.png',
  96. imgSrcLight: 'myData/img/member6_l.png',
  97. videoSrc: 'myData/media/bgVideo.mp4'
  98. },
  99. {
  100. name: '立柱',
  101. nameEn: 'CHANDELIER',
  102. imgSrc: 'myData/img/member7.png',
  103. imgSrcLight: 'myData/img/member7_l.png',
  104. videoSrc: 'myData/media/bgVideo.mp4'
  105. },
  106. {
  107. name: '门头',
  108. nameEn: 'STOREFRONT',
  109. imgSrc: 'myData/img/member8.png',
  110. imgSrcLight: 'myData/img/member8_l.png',
  111. videoSrc: 'myData/media/bgVideo.mp4'
  112. },
  113. {
  114. name: '外墙构件',
  115. nameEn: 'CHANDELIER',
  116. imgSrc: 'myData/img/member9.png',
  117. imgSrcLight: 'myData/img/member9_l.png',
  118. videoSrc: 'myData/media/bgVideo.mp4'
  119. },
  120. {
  121. name: '衣帽间',
  122. nameEn: 'WARDROBE',
  123. imgSrc: 'myData/img/member10.png',
  124. imgSrcLight: 'myData/img/member10_l.png',
  125. videoSrc: 'myData/media/bgVideo.mp4'
  126. }
  127. ],
  128. lifeList: [
  129. {
  130. name: '建筑落成',
  131. time: '1923年',
  132. imgSrc: 'myData/img/Atest.png',
  133. videoSrc: '',
  134. desc: '建筑落成'
  135. },
  136. {
  137. name: '功能转变',
  138. time: '1946年',
  139. imgSrc: 'myData/img/Atest.png',
  140. videoSrc: 'myData/media/bgVideo.mp4',
  141. desc: '功能转变'
  142. },
  143. {
  144. name: '革命领袖视察',
  145. time: '1950年',
  146. imgSrc: 'myData/img/Atest.png',
  147. videoSrc: '',
  148. desc: '革命领袖视察'
  149. },
  150. {
  151. name: '首次大修',
  152. time: '1975年',
  153. imgSrc: 'myData/img/Atest.png',
  154. videoSrc: '',
  155. desc: '首次大修'
  156. },
  157. {
  158. name: '纪念馆设立',
  159. time: '1977年',
  160. imgSrc: 'myData/img/Atest.png',
  161. videoSrc: '',
  162. desc: '纪念馆设立'
  163. },
  164. {
  165. name: '文物保护单位',
  166. time: '1996年',
  167. imgSrc: 'myData/img/Atest.png',
  168. videoSrc: '',
  169. desc: '文物保护单位'
  170. },
  171. {
  172. name: '数字化保护',
  173. time: '2020年',
  174. imgSrc: 'myData/img/Atest.png',
  175. videoSrc: '',
  176. desc: '数字化保护'
  177. },
  178. {
  179. name: '纪录片',
  180. time: '纪录片',
  181. imgSrc: 'myData/img/Atest.png',
  182. videoSrc: 'myData/media/bgVideo.mp4',
  183. desc: '纪录片'
  184. }
  185. ],
  186. siderData: [
  187. {
  188. title: '展馆风采',
  189. path: 'home'
  190. },
  191. {
  192. title: '展馆漫游',
  193. path: 'scene'
  194. },
  195. {
  196. title: '建筑动画',
  197. path: 'architecture'
  198. },
  199. {
  200. title: '构件动画',
  201. path: 'member'
  202. },
  203. {
  204. title: '构件赏析',
  205. path: 'view'
  206. },
  207. {
  208. title: '前世今生',
  209. path: 'life'
  210. }
  211. ],
  212. sceneList: [
  213. {
  214. id: 'p1',
  215. name: '场景名称',
  216. thumbUrl: 'myData/img/Atest.png'
  217. },
  218. {
  219. id: 'p2',
  220. name: '场景名称2',
  221. thumbUrl: ''
  222. },
  223. {
  224. id: 'p3',
  225. name: '场景名称3',
  226. thumbUrl: ''
  227. },
  228. {
  229. id: 'p4',
  230. name: '场景名称4',
  231. thumbUrl: ''
  232. }
  233. ],
  234. panoHotList: [
  235. {
  236. id: 'hot1',
  237. name: '场景名称',
  238. desc: '场景描述',
  239. thumbUrl: 'myData/img/Atest.png',
  240. videoSrc: 'myData/media/bgVideo.mp4',
  241. imgList: ['myData/img/Atest.png', 'myData/img/Atest.png', 'myData/img/Atest.png'],
  242. modelSrc: 'https://4dscene.4dage.com/culturalrelics/EYWSQBWG/Model2.html?m=eywsq69'
  243. },
  244. {
  245. id: 'hot2',
  246. name: '场景名称',
  247. desc: '场景描述',
  248. thumbUrl: 'myData/img/Atest.png',
  249. videoSrc: 'myData/media/bgVideo.mp4',
  250. imgList: ['myData/img/Atest.png', 'myData/img/Atest.png', 'myData/img/Atest.png'],
  251. modelSrc: 'https://4dscene.4dage.com/culturalrelics/EYWSQBWG/Model2.html?m=eywsq69'
  252. }
  253. ],
  254. architectureAnimation: 'myData/media/bgVideo.mp4',
  255. memberList: [
  256. {
  257. name: '台灯',
  258. nameEn: 'DESK LAMP',
  259. imgSrc: 'myData/img/member1.png',
  260. imgSrcLight: 'myData/img/member1_l.png',
  261. videoSrc: 'myData/media/bgVideo.mp4'
  262. },
  263. {
  264. name: '门头',
  265. nameEn: 'STOREFRONT',
  266. imgSrc: 'myData/img/member2.png',
  267. imgSrcLight: 'myData/img/member2_l.png',
  268. videoSrc: 'myData/media/bgVideo.mp4'
  269. },
  270. {
  271. name: '壁炉',
  272. nameEn: 'FIREPLACE',
  273. imgSrc: 'myData/img/member3.png',
  274. imgSrcLight: 'myData/img/member3_l.png',
  275. videoSrc: 'myData/media/bgVideo.mp4'
  276. },
  277. {
  278. name: '吊灯',
  279. nameEn: 'CHANDELIER',
  280. imgSrc: 'myData/img/member4.png',
  281. imgSrcLight: 'myData/img/member4_l.png',
  282. videoSrc: 'myData/media/bgVideo.mp4'
  283. },
  284. {
  285. name: '门把手',
  286. nameEn: 'STOREFRONT',
  287. imgSrc: 'myData/img/member5.png',
  288. imgSrcLight: 'myData/img/member5_l.png',
  289. videoSrc: 'myData/media/bgVideo.mp4'
  290. },
  291. {
  292. name: '门厅镜框',
  293. nameEn: 'CHANDELIER',
  294. imgSrc: 'myData/img/member6.png',
  295. imgSrcLight: 'myData/img/member6_l.png',
  296. videoSrc: 'myData/media/bgVideo.mp4'
  297. },
  298. {
  299. name: '立柱',
  300. nameEn: 'CHANDELIER',
  301. imgSrc: 'myData/img/member7.png',
  302. imgSrcLight: 'myData/img/member7_l.png',
  303. videoSrc: 'myData/media/bgVideo.mp4'
  304. },
  305. {
  306. name: '门头',
  307. nameEn: 'STOREFRONT',
  308. imgSrc: 'myData/img/member8.png',
  309. imgSrcLight: 'myData/img/member8_l.png',
  310. videoSrc: 'myData/media/bgVideo.mp4'
  311. },
  312. {
  313. name: '外墙构件',
  314. nameEn: 'CHANDELIER',
  315. imgSrc: 'myData/img/member9.png',
  316. imgSrcLight: 'myData/img/member9_l.png',
  317. videoSrc: 'myData/media/bgVideo.mp4'
  318. },
  319. {
  320. name: '衣帽间',
  321. nameEn: 'WARDROBE',
  322. imgSrc: 'myData/img/member10.png',
  323. imgSrcLight: 'myData/img/member10_l.png',
  324. videoSrc: 'myData/media/bgVideo.mp4'
  325. }
  326. ],
  327. lifeList: [
  328. {
  329. name: '建筑落成',
  330. time: '1923年',
  331. imgSrc: 'myData/img/Atest.png',
  332. videoSrc: '',
  333. desc: '建筑落成'
  334. },
  335. {
  336. name: '功能转变',
  337. time: '1946年',
  338. imgSrc: 'myData/img/Atest.png',
  339. videoSrc: 'myData/media/bgVideo.mp4',
  340. desc: '功能转变'
  341. },
  342. {
  343. name: '革命领袖视察',
  344. time: '1950年',
  345. imgSrc: 'myData/img/Atest.png',
  346. videoSrc: '',
  347. desc: '革命领袖视察'
  348. },
  349. {
  350. name: '首次大修',
  351. time: '1975年',
  352. imgSrc: 'myData/img/Atest.png',
  353. videoSrc: '',
  354. desc: '首次大修'
  355. },
  356. {
  357. name: '纪念馆设立',
  358. time: '1977年',
  359. imgSrc: 'myData/img/Atest.png',
  360. videoSrc: '',
  361. desc: '纪念馆设立'
  362. },
  363. {
  364. name: '文物保护单位',
  365. time: '1996年',
  366. imgSrc: 'myData/img/Atest.png',
  367. videoSrc: '',
  368. desc: '文物保护单位'
  369. },
  370. {
  371. name: '数字化保护',
  372. time: '2020年',
  373. imgSrc: 'myData/img/Atest.png',
  374. videoSrc: '',
  375. desc: '数字化保护'
  376. },
  377. {
  378. name: '纪录片',
  379. time: '纪录片',
  380. imgSrc: 'myData/img/Atest.png',
  381. videoSrc: 'myData/media/bgVideo.mp4',
  382. desc: '纪录片'
  383. }
  384. ]
  385. }
  386. const cardNames = [
  387. {
  388. id: 1,
  389. name: '文物的名称1',
  390. img: '1.png',
  391. obj: { 构件: '构件1', 位置: '位置1', 装饰: '装饰1', 材质: '材质1' }
  392. },
  393. {
  394. id: 2,
  395. name: '文物的名称2',
  396. img: '2.png',
  397. obj: { 构件: '构件2', 位置: '位置2', 装饰: '装饰2', 材质: '材质2' }
  398. },
  399. {
  400. id: 3,
  401. name: '文物的名称3',
  402. img: '3.png',
  403. obj: { 构件: '构件3', 位置: '位置3', 装饰: '装饰3', 材质: '材质3' }
  404. },
  405. {
  406. id: 4,
  407. name: '文物的名称4',
  408. img: '4.png',
  409. obj: { 构件: '构件4', 位置: '位置4', 装饰: '装饰4', 材质: '材质4' }
  410. },
  411. {
  412. id: 5,
  413. name: '文物的名称5',
  414. img: '5.png',
  415. obj: { 构件: '构件5', 位置: '位置5', 装饰: '装饰5', 材质: '材质5' }
  416. },
  417. {
  418. id: 6,
  419. name: '文物的名称6',
  420. img: '6.png',
  421. obj: { 构件: '构件6', 位置: '位置6', 装饰: '装饰6', 材质: '材质6' }
  422. },
  423. {
  424. id: 7,
  425. name: '文物的名称7',
  426. img: '7.png',
  427. obj: { 构件: '构件7', 位置: '位置7', 装饰: '装饰7', 材质: '材质7' }
  428. },
  429. {
  430. id: 8,
  431. name: '文物的名称8',
  432. img: '8.png',
  433. obj: { 构件: '构件8', 位置: '位置8', 装饰: '装饰8', 材质: '材质8' }
  434. },
  435. {
  436. id: 9,
  437. name: '文物的名称9',
  438. img: '9.png',
  439. obj: { 构件: '构件9', 位置: '位置9', 装饰: '装饰9', 材质: '材质9' }
  440. },
  441. {
  442. id: 10,
  443. name: '文物的名称10',
  444. img: '10.png',
  445. obj: { 构件: '构件10', 位置: '位置10', 装饰: '装饰10', 材质: '材质10' }
  446. }
  447. ]