myData.js 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  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. }
  187. const cardNames = [
  188. {
  189. id: 1,
  190. name: '文物的名称1',
  191. img: '1.png',
  192. obj: { 构件: '构件1', 位置: '位置1', 装饰: '装饰1', 材质: '材质1' }
  193. },
  194. {
  195. id: 2,
  196. name: '文物的名称2',
  197. img: '2.png',
  198. obj: { 构件: '构件2', 位置: '位置2', 装饰: '装饰2', 材质: '材质2' }
  199. },
  200. {
  201. id: 3,
  202. name: '文物的名称3',
  203. img: '3.png',
  204. obj: { 构件: '构件3', 位置: '位置3', 装饰: '装饰3', 材质: '材质3' }
  205. },
  206. {
  207. id: 4,
  208. name: '文物的名称4',
  209. img: '4.png',
  210. obj: { 构件: '构件4', 位置: '位置4', 装饰: '装饰4', 材质: '材质4' }
  211. },
  212. {
  213. id: 5,
  214. name: '文物的名称5',
  215. img: '5.png',
  216. obj: { 构件: '构件5', 位置: '位置5', 装饰: '装饰5', 材质: '材质5' }
  217. },
  218. {
  219. id: 6,
  220. name: '文物的名称6',
  221. img: '6.png',
  222. obj: { 构件: '构件6', 位置: '位置6', 装饰: '装饰6', 材质: '材质6' }
  223. },
  224. {
  225. id: 7,
  226. name: '文物的名称7',
  227. img: '7.png',
  228. obj: { 构件: '构件7', 位置: '位置7', 装饰: '装饰7', 材质: '材质7' }
  229. },
  230. {
  231. id: 8,
  232. name: '文物的名称8',
  233. img: '8.png',
  234. obj: { 构件: '构件8', 位置: '位置8', 装饰: '装饰8', 材质: '材质8' }
  235. },
  236. {
  237. id: 9,
  238. name: '文物的名称9',
  239. img: '9.png',
  240. obj: { 构件: '构件9', 位置: '位置9', 装饰: '装饰9', 材质: '材质9' }
  241. },
  242. {
  243. id: 10,
  244. name: '文物的名称10',
  245. img: '10.png',
  246. obj: { 构件: '构件10', 位置: '位置10', 装饰: '装饰10', 材质: '材质10' }
  247. }
  248. ]