myData.js 55 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643
  1. window.isHH = document.documentElement.clientWidth >= document.documentElement.clientHeight
  2. const isPcTemp = document.documentElement.clientWidth >= 1200
  3. // 本地开发静态资源目录
  4. const baseUrlLoc = 'http://192.168.20.55:8080/staticData/'
  5. // Build开发资源目录
  6. const baseUrlAtl = 'https://houseoss.4dkankan.com/project/henan/staticData/'
  7. // 一些动态配置的数据
  8. // 车骑拜谒热点信息(后面的更多模块也会复用)
  9. const visitHotArr = [
  10. {
  11. // 热点名字
  12. name: '周礼九拜',
  13. // 热点大小
  14. size: 1,
  15. // 垂直方向
  16. atv: 5,
  17. // 水平方向
  18. ath: 0,
  19. zIndex: 2,
  20. // pc鼠标移入显示的图片路径+名字
  21. hoverSrc: 'visit/hot/hot1.png',
  22. // 热点定位百分比
  23. loc: {
  24. top: '84%',
  25. left: '50%'
  26. },
  27. data: [
  28. {
  29. // 名字
  30. name: '稽首',
  31. // 文本内容
  32. txt: `
  33. <h3>双膝跪地,双手扶地,</h3>
  34. <h2>头向下至地,稽留一段时间。</h2>
  35. `,
  36. // 图片路径+名字
  37. imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg', 'visit/hot/4.jpg']
  38. },
  39. {
  40. // 名字
  41. name: '顿首',
  42. // 文本内容
  43. txt: `
  44. <h3>双膝跪地,双手扶地,</h3>
  45. <h2>头向下运动,至地便起,不稽留。</h2>
  46. `,
  47. // 图片路径+名字
  48. imgArr: ['visit/hot/5.jpg', 'visit/hot/6.jpg', 'visit/hot/7.jpg', 'visit/hot/8.jpg']
  49. },
  50. {
  51. // 名字
  52. name: '空首',
  53. // 文本内容
  54. txt: `
  55. <h3>双膝跪地,双手聚拢至膝前地上,</h3>
  56. <h2>手心向上,头向下运动至手上。</h2>
  57. `,
  58. // 图片路径+名字
  59. imgArr: ['visit/hot/9.jpg', 'visit/hot/10.jpg', 'visit/hot/11.jpg']
  60. },
  61. {
  62. // 名字
  63. name: '振动',
  64. // 文本内容
  65. txt: `
  66. <h3>因激动引发身体战栗或色动而进行的拜礼。</h3>
  67. `,
  68. // 图片路径+名字
  69. imgArr: ['visit/hot/12.jpg', 'visit/hot/13.jpg']
  70. },
  71. {
  72. // 名字
  73. name: '吉拜',
  74. // 文本内容
  75. txt: `
  76. <h3>服齐衰不杖以下丧服者的拜礼,</h3>
  77. <h2>拜而后稽颡,即先空首后顿首。</h2>
  78. `,
  79. // 图片路径+名字
  80. imgArr: ['visit/hot/14.jpg', 'visit/hot/15.jpg', 'visit/hot/16.jpg']
  81. },
  82. {
  83. // 名字
  84. name: '凶拜',
  85. // 文本内容
  86. txt: `
  87. <h3>服三年之丧者的拜礼,</h3>
  88. <h2>稽颡而后拜,即先顿首后空首。</h2>
  89. `,
  90. // 图片路径+名字
  91. imgArr: ['visit/hot/17.jpg', 'visit/hot/18.jpg', 'visit/hot/19.jpg']
  92. },
  93. {
  94. // 名字
  95. name: '奇拜',
  96. // 文本内容
  97. txt: `
  98. <h3>即一拜,通常作为答拜之礼。</h3>
  99. <h2>头向下至地,稽留一段时间。</h2>
  100. `,
  101. // 图片路径+名字
  102. imgArr: ['visit/hot/20.jpg', 'visit/hot/21.jpg', 'visit/hot/22.jpg', 'visit/hot/23.jpg']
  103. },
  104. {
  105. // 名字
  106. name: '褒拜',
  107. // 文本内容
  108. txt: `
  109. <h3>即再拜,通常作为答拜之礼。</h3>
  110. <h2>头向下至地,稽留一段时间。</h2>
  111. `,
  112. // 图片路径+名字
  113. imgArr: ['visit/hot/24.jpg', 'visit/hot/25.jpg']
  114. },
  115. {
  116. // 名字
  117. name: '肃拜',
  118. // 文本内容
  119. txt: `
  120. <h3>为下跪但只下手不低头。</h3>
  121. `,
  122. // 图片路径+名字
  123. imgArr: ['visit/hot/26.jpg', 'visit/hot/27.jpg']
  124. }
  125. ]
  126. },
  127. {
  128. // 热点名字
  129. name: '拥彗迎宾',
  130. // 热点大小
  131. size: 1,
  132. // 垂直方向
  133. atv: 5,
  134. // 水平方向
  135. ath: 0,
  136. zIndex: 3,
  137. // pc鼠标移入显示的图片路径+名字
  138. hoverSrc: 'visit/hot/hot2.png',
  139. // 热点定位百分比
  140. loc: {
  141. top: '81%',
  142. left: '58%'
  143. },
  144. data: [
  145. {
  146. name: '熊、执戟门吏',
  147. txt: `
  148. <P>汉代,南阳汉画馆藏。</P>
  149. <p>刻于北前室北门柱正面。画面上刻一熊,竖耳,瞠目张口,扭头舞爪,其眼和口部涂红色。下刻一人,头戴黑色冠,下部饰红带,身着红边白领、白袖、黑色长袍,双手执戟,侧身而立。人物面部涂土黄色,唇部涂红色,脖子涂白色。</p>
  150. `,
  151. imgArr: ['visit/hot/2_28.png']
  152. },
  153. {
  154. name: '执戟门吏',
  155. txt: `
  156. <p>东汉公元25年一公元220年,南阳市七里园汉墓,现藏南阳汉画馆。</p>
  157. <p>石刻一人执戟而立,此人即为守护墓主门户的门吏。门吏上方点缓有仙人乘龟图像。</p>
  158. `,
  159. imgArr: ['visit/hot/2_29.png']
  160. },
  161. {
  162. name: '执金吾、拥盾小吏',
  163. txt: `
  164. <p>汉代,南阳汉画馆馆藏。</p>
  165. <p>刻于北前室南梁柱正面。画面刻一人,头戴红色帻,身着红领长袍,右手执红盾,左手执金吾,正面端立。小吏唇部涂红色。</p>
  166. `,
  167. imgArr: ['visit/hot/2_30.png']
  168. }
  169. ]
  170. },
  171. {
  172. // 热点名字
  173. name: '迎宾礼仪',
  174. // 热点大小
  175. size: 1,
  176. // 垂直方向
  177. atv: 5,
  178. // 水平方向
  179. ath: 0,
  180. // pc鼠标移入显示的图片路径+名字
  181. hoverSrc: 'visit/hot/hot3.png',
  182. // 热点定位百分比
  183. loc: {
  184. top: '79%',
  185. left: '42%'
  186. },
  187. data: [
  188. {
  189. name: '高亮1',
  190. txt: `
  191. <p>客人来拜访之时,主人到门口恭候,欢迎宾客的到来,主人向宾客揖手行礼,客人回拜,礼毕后主人请客人入门,主人从右门侧进,客人从左侧门进。</p>
  192. <p>《礼记·乡饮酒义》中规定:“主人拜迎宾于阳门之外,入三揖而后至阶,三让而后升,所以致尊让也”。</p>
  193. `,
  194. imgArr: ['visit/hot/2_31.png']
  195. }
  196. ]
  197. },
  198. {
  199. // 热点名字
  200. name: '汉代屋顶',
  201. // 热点大小
  202. size: 1,
  203. // 垂直方向
  204. atv: 5,
  205. // 水平方向
  206. ath: 0,
  207. // pc鼠标移入显示的图片路径+名字
  208. hoverSrc: 'visit/hot/hot4.png',
  209. // 热点定位百分比
  210. loc: {
  211. top: '63%',
  212. left: '51%'
  213. },
  214. data: [
  215. {
  216. name: '悬山顶',
  217. txt: `
  218. <p>悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
  219. `,
  220. imgArr: ['visit/hot/2_32.png']
  221. },
  222. {
  223. name: '庑殿顶',
  224. txt: `
  225. <p>庑殿顶又叫“四阿顶”,是“四出水”的五脊四坡式,庑殿是古代建筑中单檐最高级的屋顶式样,单檐有正中的正脊和四角的垂脊,所以又称“五脊殿”。前后坡两侧的坡面叫“撒头”。庑殿顶分为单檐庑殿顶和重檐庑殿顶。</p>
  226. `,
  227. imgArr: ['visit/hot/2_33.png']
  228. },
  229. {
  230. name: '盝顶',
  231. txt: `
  232. <p>盝顶平顶,有四条与屋檐平行的屋脊构成一个长方形或正方形的平顶,四角各有一条垂脊向下斜伸,共形成四块坡檐。屋脊有四个正脊,下部为五脊殿顶,四周有一圈外檐,殿内一般四柱,承枋子抹角或扒梁,形成四角或八角形屋面。盝顶始于汉,盛于金,元,明。</p>
  233. `,
  234. imgArr: ['visit/hot/2_34.png']
  235. },
  236. {
  237. name: '囤顶',
  238. txt: `
  239. <p>囤顶形状处于平顶与卷棚顶之间,房顶略成弧形,前后稍低、中间稍高,房屋左右两侧山墙凸出于屋顶,凸出部分被砌成弧形。 </p>
  240. `,
  241. imgArr: ['visit/hot/2_35.png']
  242. },
  243. {
  244. name: '歇山顶',
  245. txt: `
  246. <p>歇山顶的等级仅次于庑殿顶。它由正脊、四条垂脊和四条戗脊组成,故称九脊殿。若加上山面的二条博脊,则共应有脊十一条。正脊的前后两坡是整坡,左右两坡是半坡。歇山的两侧坡面也叫“撒头”,歇山的山尖部分称为“小红山”,歇山的山面有搏风板、悬鱼、惹草,是装饰的重点。歇山顶有尖山式和卷棚式两种形式,有单檐歇山顶和重檐歇山顶。</p>
  247. `,
  248. imgArr: ['visit/hot/2_36.png']
  249. },
  250. {
  251. name: '攒尖顶',
  252. txt: `
  253. <p>攒尖顶的特点是无论几个坡面,最后“攒”在一起,四个方向屋面的坡面在顶部交汇于一处,即宝顶。攒尖顶平面有方、圆、三角、五角、六角、八角和十二角等。</p>
  254. `,
  255. imgArr: ['visit/hot/2_37.png']
  256. }
  257. ]
  258. },
  259. {
  260. // 热点名字
  261. name: '汉代车骑',
  262. // 热点大小
  263. size: 1,
  264. // 垂直方向
  265. atv: 5,
  266. // 水平方向
  267. ath: 0,
  268. // pc鼠标移入显示的图片路径+名字
  269. hoverSrc: 'visit/hot/hot5.png',
  270. // 热点定位百分比
  271. loc: {
  272. top: '93%',
  273. left: '48%'
  274. },
  275. data: [
  276. {
  277. name: '轺车',
  278. txt: `
  279. <p>轺车是一种小而轻便的乘坐之车,车厢小,中央竖立伞形车盖,四面敞露,乘坐者可坐在车里四向远望。</p>
  280. `,
  281. imgArr: ['visit/hot/2_38.png']
  282. },
  283. {
  284. name: '轓车',
  285. txt: `
  286. <p>轺车车厢两旁加一对车耳,即为轓车。车耳多呈长方形,外侧有垂下的边板,用作车轮顶部的障泥。</p>
  287. `,
  288. imgArr: ['visit/hot/2_39.png']
  289. },
  290. {
  291. name: '安车',
  292. txt: `
  293. <p>安车专指坐乘之车,四马为驾。安车多作为主车使用。</p>
  294. `,
  295. imgArr: ['visit/hot/2_40.png']
  296. },
  297. {
  298. name: '辎车',
  299. txt: `
  300. <p>四面车厢封闭严密,后开门,两侧有窗名“戻”,车盖多呈椭圆形,顶部隆起,有若鳖甲,多为妇女乘坐。</p>
  301. `,
  302. imgArr: ['visit/hot/2_41.png']
  303. },
  304. {
  305. name: '軿车',
  306. txt: `
  307. <p>车箱掩闭之车,车形与辎车相似,只是车厢后部没有后辕。</p>
  308. `,
  309. imgArr: ['visit/hot/2_42.png']
  310. },
  311. {
  312. name: '牛车',
  313. txt: `
  314. <p>即牛拉的车,汉代,牛车是身份低微者或平民百姓乘坐的车。牛车既可以载人,也是官方和民间运输重物、柴草、谷物的交通工具。</p>
  315. `,
  316. imgArr: ['visit/hot/2_43.png']
  317. }
  318. ]
  319. }
  320. ]
  321. // 主客宴请热点信息(后面的更多模块也会复用)
  322. const banquetHotArr = [
  323. {
  324. // 热点名字
  325. name: '汉代坐姿',
  326. // 热点大小
  327. size: 1,
  328. // 垂直方向
  329. atv: 5,
  330. // 水平方向
  331. ath: 0,
  332. // pc鼠标移入显示的图片路径+名字
  333. hoverSrc: 'banquet/hot/hot1.png',
  334. // 热点定位百分比
  335. loc: {
  336. top: '27%',
  337. left: '39%'
  338. },
  339. data: [
  340. {
  341. name: '坐',
  342. txt: `
  343. <p>两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。</p>
  344. `,
  345. imgArr: ['banquet/hot/44.png']
  346. },
  347. {
  348. name: '跪',
  349. txt: `
  350. <p>跪即两膝相并,双足在后,脚心在上,臀部不落在脚跟上为跪。</p>
  351. `,
  352. imgArr: ['banquet/hot/45.png']
  353. },
  354. {
  355. name: '踞',
  356. txt: `
  357. <p>两足和臀部着物或着地,双膝上耸,两腿靠扰或分开。</p>
  358. `,
  359. imgArr: ['banquet/hot/46.png']
  360. }
  361. ]
  362. },
  363. {
  364. // 热点名字
  365. name: '汉代家具',
  366. // 热点大小
  367. size: 1,
  368. // 垂直方向
  369. atv: 5,
  370. // 水平方向
  371. ath: 0,
  372. // pc鼠标移入显示的图片路径+名字
  373. hoverSrc: 'banquet/hot/hot2.png',
  374. // 热点定位百分比
  375. loc: {
  376. top: '35%',
  377. left: '44%'
  378. },
  379. data: [
  380. {
  381. name: '案',
  382. txt: `
  383. <p>汉代家具陈设最主要的是案。案仅用于置物,凡器面有细密的纹饰或髹漆,不耐刀切者,皆当为案。案中最多见的是食案。食案又分有足和无足两种,其中无足之案类似托盘,应名棜案。</p>
  384. `,
  385. imgArr: ['banquet/hot/47.png']
  386. },
  387. {
  388. name: '几',
  389. txt: `
  390. <p>汉代家具中容易与案相混的是几。几一般装曲足。案多用以“陈举食也”,几则多用以置文书、什物,在用途上也各有所司。</p>
  391. `,
  392. imgArr: ['banquet/hot/48.png']
  393. }
  394. ]
  395. },
  396. {
  397. // 热点名字
  398. name: '汉代坐具',
  399. // 热点大小
  400. size: 1,
  401. // 垂直方向
  402. atv: 5,
  403. // 水平方向
  404. ath: 0,
  405. // pc鼠标移入显示的图片路径+名字
  406. hoverSrc: 'banquet/hot/hot3.png',
  407. // 热点定位百分比
  408. loc: {
  409. top: '22%',
  410. left: '48%'
  411. },
  412. data: [
  413. {
  414. name: '床',
  415. txt: `
  416. <p>汉代的床为坐、卧两用,在寝为卧具,在厅堂则为坐具。</p>
  417. `,
  418. imgArr: ['banquet/hot/49.png']
  419. },
  420. {
  421. name: '榻',
  422. txt: `
  423. <p>比枰再大些的坐具。《释床帐》:“长狭而卑曰榻,言其榻然近地也。”榻狭而卑是和床对比而言。</p>
  424. `,
  425. imgArr: ['banquet/hot/50.png']
  426. },
  427. {
  428. name: '枰',
  429. txt: `
  430. <p>汉代的小坐具,它比较矮,枰面为方形,四周不起沿。它和大小与之相近的食案之最重要的区别在于足的形状:食案之足接近细圆柱形,而枰足的截面呈矩尺形,足间呈壸门形,比食案更能承受重量。</p>
  431. `,
  432. imgArr: ['banquet/hot/51.png']
  433. }
  434. ]
  435. },
  436. {
  437. // 是否在更多模块中显示-true表示不显示
  438. noShow: true,
  439. // 热点名字
  440. name: '三角纹彩绘陶壶',
  441. // 热点大小
  442. size: 1,
  443. // 垂直方向
  444. atv: 5,
  445. // 水平方向
  446. ath: 0,
  447. // pc鼠标移入显示的图片路径+名字
  448. hoverSrc: 'banquet/hot/hot4.png',
  449. // 热点定位百分比
  450. loc: {
  451. top: '-1%',
  452. left: '-1%'
  453. },
  454. data: [
  455. {
  456. // 为模型的情况
  457. type: 'model',
  458. name: '三角纹彩绘陶壶',
  459. imgArr: ['banquet/hot/1.4dage']
  460. }
  461. ]
  462. },
  463. {
  464. // 是否在更多模块中显示-true表示不显示
  465. noShow: true,
  466. // 热点名字
  467. name: '五凤铜熏炉',
  468. // 热点大小
  469. size: 1,
  470. // 垂直方向
  471. atv: 5,
  472. // 水平方向
  473. ath: 0,
  474. // pc鼠标移入显示的图片路径+名字
  475. hoverSrc: 'banquet/hot/hot5.png',
  476. // 热点定位百分比
  477. loc: {
  478. top: '-1%',
  479. left: '-1%'
  480. },
  481. data: [
  482. {
  483. // 为模型的情况
  484. type: 'model',
  485. name: '五凤铜熏炉',
  486. txt: `
  487. <p>熏炉是古时用来熏香和取暖的炉子。这件五凤铜熏炉为汉代文物,通高20厘米,底盘直径21.5厘米,1989年河南省焦作嘉禾屯窖藏出土。其主体为凤凰形象,华冠锦羽,昂首引颈,口衔圆珠,振翅挺胸,阔翅上翘,胸前与双翅上均有阴刻羽状纹饰。</p>
  488. <p>凤腹中空,翅膀、腹部用穿钉连接,脊部中开,以成器盖,张合自由,可由此处向左右两边打开,用以放置香料,构思巧妙;凤体背部遍镂弧形孔,点燃香料后,熏香由此袅袅而上;尾翅处也镂有弧形、长方形小孔;胸前、双翅和尾部各饰有一只雏凤,加上主体的凤鸟形象共有五凤,故而得名。熏炉中所表现的五凤,象征着吉祥如意,天下太平。</p>
  489. <p>熏炉的主体以凤凰双爪为支撑点,铆于一圆盘之上,圆盘平底、折沿、下饰三乳足。圆盘既起到了稳固熏炉主体的作用,又能盛接可能落下的香料灰烬,从美学的角度看也不会出现头重脚轻的视觉效果,整体器物集实用与观赏于一体,是汉代铜器的上乘之作。</p>
  490. `,
  491. imgArr: ['banquet/hot/2.4dage']
  492. }
  493. ]
  494. },
  495. {
  496. // 是否在更多模块中显示-true表示不显示
  497. noShow: true,
  498. // 热点名字
  499. name: '红绿釉陶灯',
  500. // 热点大小
  501. size: 1,
  502. // 垂直方向
  503. atv: 5,
  504. // 水平方向
  505. ath: 0,
  506. // pc鼠标移入显示的图片路径+名字
  507. hoverSrc: 'banquet/hot/hot6.png',
  508. // 热点定位百分比
  509. loc: {
  510. top: '-1%',
  511. left: '-1%'
  512. },
  513. data: [
  514. {
  515. // 为模型的情况
  516. type: 'model',
  517. name: '红绿釉陶灯',
  518. imgArr: ['banquet/hot/3.4dage']
  519. }
  520. ]
  521. },
  522. {
  523. // 是否在更多模块中显示-true表示不显示
  524. noShow: true,
  525. // 热点名字
  526. name: '三角纹彩绘陶鼎',
  527. // 热点大小
  528. size: 1,
  529. // 垂直方向
  530. atv: 5,
  531. // 水平方向
  532. ath: 0,
  533. // pc鼠标移入显示的图片路径+名字
  534. hoverSrc: 'banquet/hot/hot7.png',
  535. // 热点定位百分比
  536. loc: {
  537. top: '-1%',
  538. left: '-1%'
  539. },
  540. data: [
  541. {
  542. // 为模型的情况
  543. type: 'model',
  544. name: '三角纹彩绘陶鼎',
  545. imgArr: ['banquet/hot/4.4dage']
  546. }
  547. ]
  548. }
  549. ]
  550. // 乐舞百戏热点信息(后面的更多模块也会复用)
  551. const danceHotArr = [
  552. {
  553. // 是否在更多模块中显示-true表示不显示
  554. noShow: true,
  555. // 热点名字
  556. name: '四神云气图',
  557. // 热点图片路径+名字
  558. hoverSrc: 'dance/hot/hot1.png',
  559. // 点击之后的过度动画路径+名字
  560. videoSrc: 'dance/8.mp4',
  561. // 热点定位百分比(当前页面)
  562. locPage: {
  563. top: '39%',
  564. left: '60%'
  565. },
  566. // 热点定位百分比(更多页面)
  567. loc: {
  568. top: '-1%',
  569. left: '-1%'
  570. }
  571. },
  572. {
  573. // 热点名字
  574. name: '汉代乐舞百戏',
  575. // 热点图片路径+名字
  576. hoverSrc: 'dance/hot/hot2.png',
  577. // 热点定位百分比(当前页面)
  578. locPage: {
  579. top: '25%',
  580. left: '25%'
  581. },
  582. // 热点定位百分比(更多页面)
  583. loc: {
  584. top: '32%',
  585. left: '54%'
  586. },
  587. data: [
  588. {
  589. name: '汉代乐舞百戏',
  590. txt: `
  591. <h3>乐舞杂技俑</h3>
  592. <p>汉代(公元前206--公元220年),河南洛阳烧沟汉墓出土,现藏河南博物院。</p>
  593. <p>乐舞百戏是流行于两汉的竞技、杂耍、幻术及乐舞蹈、俳优、动物戏等多种艺术形式的总称。其在对先秦文化的承续中,汇融了周边民族的器乐歌舞新风,以吹管与弹拔乐取代了金石之声,不驻改变了乐队的结构,也改变了音乐的旋律风格和表现形式。百戏是中外文化交流、融合的产物。东汉时洛阳成国西域人东来的主要流寓地,洛阳出土的舞乐百戏俑群展现了这种将器乐、歌舞、杂质、滑稽以汇为一体的表演方式。</p>
  594. `,
  595. imgArr: ['dance/hot/52.png']
  596. }
  597. ]
  598. }
  599. ]
  600. // 田间耕作(后面的更多模块也会复用)
  601. const plowHotArr = [
  602. // 陶井,5个模块都有
  603. {
  604. // 一直存在
  605. isChang: true,
  606. // 热点名字
  607. name: '陶井',
  608. // 热点图片路径+名字
  609. hoverSrc: 'plow/hot/hot1.png',
  610. // 热点定位百分比(当前页面)
  611. locPage: {
  612. top: '3%',
  613. left: '24%'
  614. },
  615. // 热点定位百分比(更多页面)
  616. loc: {
  617. top: '53%',
  618. left: '24%'
  619. },
  620. data: [
  621. {
  622. // 为模型的情况
  623. type: 'model',
  624. name: '陶井',
  625. txt: `
  626. <p>汉代,底长24.6、宽16.9厘米,井栏高12.2厘米,洛阳市偃师区出土</p>
  627. `,
  628. imgArr: ['plow/hot/1.4dage']
  629. }
  630. ]
  631. },
  632. // 整地
  633. {
  634. // 用于分类
  635. type: '整地',
  636. // 热点名字
  637. name: '犁地',
  638. // 热点图片路径+名字
  639. hoverSrc: 'plow/hot/hot2.png',
  640. // 热点定位百分比(当前页面)
  641. locPage: {
  642. top: '30%',
  643. left: '30%'
  644. },
  645. // 热点定位百分比(更多页面)
  646. loc: {
  647. top: '15%',
  648. left: '25%'
  649. },
  650. data: [
  651. {
  652. name: '犁地',
  653. txt: `
  654. <p>在汉代,农耕是农业生产的基础,而整地是其中至关重要的一个步骤。整地通常包括四个主要环节:耕地、耙地、耱地以及开沟起垄。</p>
  655. `,
  656. imgArr: ['plow/hot/53.png']
  657. }
  658. ]
  659. },
  660. // 播种
  661. {
  662. // 用于分类
  663. type: '播种',
  664. // 热点名字
  665. name: '耧车',
  666. // 热点图片路径+名字
  667. hoverSrc: 'plow/hot/hot3.png',
  668. // 热点定位百分比(当前页面)
  669. locPage: {
  670. top: '20%',
  671. left: '30%'
  672. },
  673. // 热点定位百分比(更多页面)
  674. loc: {
  675. top: '25%',
  676. left: '20%'
  677. },
  678. data: [
  679. {
  680. name: '耧车',
  681. txt: `
  682. <p>汉代对播种的时间、用种量、行株距以及覆土深度等都有了切实的要求。汉代的播种方法有撒播、点播 穴播、和条播三种。西汉赵过发明的耧车将开沟和播种结合在一起,可一次播三行,一天可播种一顷一百汉亩。</p>
  683. `,
  684. imgArr: ['plow/hot/54.png']
  685. }
  686. ]
  687. },
  688. // 中耕
  689. {
  690. // 用于分类
  691. type: '中耕',
  692. // 热点名字
  693. name: '锄地',
  694. // 热点图片路径+名字
  695. hoverSrc: 'plow/hot/hot4.png',
  696. // 热点定位百分比(当前页面)
  697. locPage: {
  698. top: '10%',
  699. left: '30%'
  700. },
  701. // 热点定位百分比(更多页面)
  702. loc: {
  703. top: '35%',
  704. left: '25%'
  705. },
  706. data: [
  707. {
  708. name: '锄地',
  709. txt: `
  710. <p>中耕是我国传统农业生产技术体系中的重要环节,西周时期,中耕除草促使庄稼茂盛的作用已经受到注意。战国时已强调“耕者且深、褥者熟耘也” 对中耕非常重视。汉代继承这一优良传统,《沦胜之书》把“旱锄”作为“凡耕之本”中的一个重要环节,对各种作物都要求“有草锄之,不厌数多”。汉代农具中有专门用除草松土的铁锄。</p>
  711. `,
  712. imgArr: ['plow/hot/55.png']
  713. }
  714. ]
  715. },
  716. // 施肥
  717. {
  718. // 是否在更多模块中显示-true表示不显示
  719. noShow: true,
  720. // 用于分类
  721. type: '施肥',
  722. // 热点名字
  723. name: '施肥车',
  724. // 热点图片路径+名字
  725. hoverSrc: 'plow/hot/hot5.png',
  726. // 热点定位百分比(当前页面)
  727. locPage: {
  728. top: '20%',
  729. left: '30%'
  730. },
  731. // 热点定位百分比(更多页面)
  732. loc: {
  733. top: '-1%',
  734. left: '-1%'
  735. },
  736. data: [
  737. {
  738. name: '施肥车',
  739. txt: `
  740. <p>通过施肥来提高地力也是我国农业的优良传统。汉代,泥胜之把“务粪泽”,王充把“厚加粪壤”作为“助地力”的重要措施。汉代已创造施用基肥、种肥和追肥等技术。</p>
  741. `,
  742. imgArr: ['plow/hot/56.png']
  743. }
  744. ]
  745. },
  746. // 收货
  747. {
  748. // 是否在更多模块中显示-true表示不显示
  749. noShow: true,
  750. // 用于分类
  751. type: '收货',
  752. // 热点名字
  753. name: '簸糠',
  754. // 热点图片路径+名字
  755. hoverSrc: 'plow/hot/hot6.png',
  756. // 热点定位百分比(当前页面)
  757. locPage: {
  758. top: '20%',
  759. left: '30%'
  760. },
  761. // 热点定位百分比(更多页面)
  762. loc: {
  763. top: '40%',
  764. left: '40%'
  765. },
  766. data: [
  767. {
  768. name: '簸糠',
  769. txt: `
  770. <p>汉代非常重视及时收获。《沦胜之书》 在谈到各种作物的收获时都强调“早获”,粟“获不可不速,常以急疾为务”,“获豆之法,英黑而茎苍,橄收无疑”,“获麻之法,霜下实成,速祈之。”</p>
  771. `,
  772. imgArr: ['plow/hot/57.png']
  773. }
  774. ]
  775. }
  776. ]
  777. // 更多模块的热点(过滤-通过 noShow )
  778. let moreHotArr = [...visitHotArr, ...banquetHotArr, ...danceHotArr, ...plowHotArr]
  779. moreHotArr = moreHotArr.filter(v => !v.noShow)
  780. const myDataTemp = {
  781. // 开发调试为 false 正式上线为 true
  782. // 开发调试的时候 取消所有加载进度条 所有的视频动画都加上跳过按钮
  783. isLdong: false,
  784. // 首页(静态资源目录位置:staticData/home)
  785. home: {
  786. // 背景图路径+名字
  787. bgImg: 'home/bg.jpg',
  788. // 左下角动画视频路径+名字
  789. leftVideo: 'home/left.mp4',
  790. // 最后的过场动画路径+名字
  791. lastVideo: 'home/end.mp4'
  792. },
  793. // 首页后面的一个过度页面
  794. base: {
  795. // 背景图路径+名字
  796. bgImg: 'base/bg.jpg',
  797. // 最后的过场动画路径+名字
  798. lastVideo: 'base/end.mp4'
  799. },
  800. // 车骑拜谒(静态资源目录位置:staticData/visit)
  801. visit: {
  802. // 背景图路径+名字
  803. bgImg: 'visit/bg.jpg',
  804. // 过度视频
  805. videos: ['visit/1.mp4'],
  806. // 最后的过场动画路径+名字
  807. lastVideo: 'visit/end.mp4',
  808. // 热点
  809. hot: visitHotArr
  810. },
  811. // 主客宴请(静态资源目录位置:staticData/banquet)
  812. banquet: {
  813. // 背景图路径+名字
  814. bgImg: 'banquet/bg.jpg',
  815. // 过度视频
  816. videos: ['banquet/1.mp4'],
  817. // 最后的过场动画路径+名字
  818. lastVideo: 'banquet/end.mp4',
  819. hot: banquetHotArr
  820. },
  821. // 乐舞百戏(静态资源目录位置:staticData/dance)
  822. dance: {
  823. // 热点===>第一个为 四神云气图
  824. hot: danceHotArr,
  825. // 底部动作
  826. floor: [
  827. {
  828. name: '击鼓',
  829. hoverSrc: 'dance/1.png',
  830. videoSrc: 'dance/1.mp4'
  831. },
  832. {
  833. name: '伴奏',
  834. hoverSrc: 'dance/2.png',
  835. videoSrc: 'dance/2.mp4'
  836. },
  837. {
  838. name: '盘鼓舞',
  839. hoverSrc: 'dance/3.png',
  840. videoSrc: 'dance/3.mp4'
  841. },
  842. {
  843. name: '吐火',
  844. hoverSrc: 'dance/4.png',
  845. videoSrc: 'dance/4.mp4'
  846. },
  847. {
  848. name: '顶棍',
  849. hoverSrc: 'dance/5.png',
  850. videoSrc: 'dance/5.mp4'
  851. },
  852. {
  853. name: '掷丸',
  854. hoverSrc: 'dance/6.png',
  855. videoSrc: 'dance/6.mp4'
  856. },
  857. {
  858. name: '杂技',
  859. hoverSrc: 'dance/7.png',
  860. videoSrc: 'dance/7.mp4'
  861. },
  862. {
  863. name: '相扑',
  864. hoverSrc: 'dance/8.png',
  865. videoSrc: 'dance/8.mp4'
  866. }
  867. ],
  868. // 最后的过场动画路径+名字
  869. lastVideo: 'dance/end.mp4'
  870. },
  871. // 四神云气图(静态资源目录位置:staticData/yun)
  872. yun: {
  873. // 背景图
  874. bjImg: 'yun/bg.jpg',
  875. name: '四神云气图',
  876. tit: '墓室壁画',
  877. iconArr: [
  878. {
  879. // 这里id不要自己修改!
  880. id: 1,
  881. title: '青龙',
  882. dian: [
  883. {
  884. id: '1_1',
  885. // 热点定位百分比
  886. loc: {
  887. top: '44%',
  888. left: '24%'
  889. }
  890. },
  891. {
  892. id: '1_2',
  893. // 热点定位百分比
  894. loc: {
  895. top: '45%',
  896. left: '10%'
  897. }
  898. },
  899. {
  900. id: '1_3',
  901. // 热点定位百分比
  902. loc: {
  903. top: '26%',
  904. left: '59%'
  905. }
  906. }
  907. ]
  908. },
  909. {
  910. id: 2,
  911. title: '白虎',
  912. dian: [
  913. {
  914. id: '2_1',
  915. // 热点定位百分比
  916. loc: {
  917. top: '27%',
  918. left: '11%'
  919. },
  920. change: 'scale(2) translate(88px, 25px)'
  921. }
  922. ]
  923. },
  924. {
  925. id: 3,
  926. title: '朱雀',
  927. dian: [
  928. {
  929. id: '3_1',
  930. // 热点定位百分比
  931. loc: {
  932. top: '9%',
  933. left: '51%'
  934. },
  935. change: 'scale(1.5) translate(-54px, 47px)'
  936. },
  937. {
  938. id: '3_2',
  939. // 热点定位百分比
  940. loc: {
  941. top: '49%',
  942. left: '71%'
  943. },
  944. change: 'scale(1.5) translate(-54px, 47px)'
  945. }
  946. ]
  947. },
  948. {
  949. id: 4,
  950. title: '怪兽',
  951. dian: [
  952. {
  953. id: '4_1',
  954. // 热点定位百分比
  955. loc: {
  956. top: '44%',
  957. left: '54%'
  958. },
  959. change: 'scale(1.3) translate(-37px, 1px)'
  960. },
  961. {
  962. id: '4_2',
  963. // 热点定位百分比
  964. loc: {
  965. top: '66%',
  966. left: '60%'
  967. },
  968. change: 'scale(1.3) translate(-37px, 1px)'
  969. },
  970. {
  971. id: '4_3',
  972. // 热点定位百分比
  973. loc: {
  974. top: '70%',
  975. left: '50%'
  976. },
  977. change: 'scale(1.3) translate(-37px, 1px)'
  978. }
  979. ]
  980. },
  981. {
  982. id: 5,
  983. title: '云纹',
  984. dian: [
  985. {
  986. id: '5_1',
  987. // 热点定位百分比
  988. loc: {
  989. top: '4%',
  990. left: '0.88%'
  991. }
  992. },
  993. {
  994. id: '5_2',
  995. // 热点定位百分比
  996. loc: {
  997. top: '4%',
  998. left: '42.2%'
  999. },
  1000. change: 'scale(2) translate(12px, 58px)'
  1001. }
  1002. ]
  1003. }
  1004. ]
  1005. },
  1006. // 仙居世界(静态资源目录位置:staticData/xian)
  1007. xian: [
  1008. // 这里id不要自己修改!
  1009. {
  1010. id: 1,
  1011. name: '四神云气图',
  1012. tit: '墓室壁画',
  1013. txt: `
  1014. <p>1986年发现于河南省商丘市永城县砀山 · 梁孝王之子梁共王刘买之墓</p>
  1015. <br />
  1016. <p>中部一条7米长巨龙飞腾,东朱雀,西白虎,四周由怪兽、灵芝及云气纹图案装饰。填补了我国西汉时期壁画的空白,比敦煌壁画要早600多年,被誉为“敦煌之前的敦煌”的四神云气图</p>`
  1017. },
  1018. {
  1019. id: 2,
  1020. name: '卜千秋墓中的升仙图',
  1021. tit: '墓室壁画',
  1022. txt: `
  1023. <p>壁画长4.15米,宽0.32米</p>
  1024. <br />
  1025. <p>它“讲述”了西汉一对夫妇死后升仙的“故事”。“壁画距今已2000多年了,是国内发现最完整的西汉壁画,被学术界和文物考古界誉为“国宝级文物”。</p>`
  1026. },
  1027. {
  1028. id: 3,
  1029. name: '汉代先民的神仙信仰',
  1030. tit: '墓室壁画',
  1031. txt: `
  1032. <p>资料待完善</p>`
  1033. }
  1034. ],
  1035. // 后厨备宴(静态资源目录位置:staticData/chef)
  1036. chef: {
  1037. // 最后的过场动画路径+名字
  1038. lastVideo: 'chef/end.mp4',
  1039. // 初始背景图路径+名字
  1040. baseImg: 'chef/bg.jpg',
  1041. // 后厨群像图路径+名字
  1042. houChuImg: 'chef/houChu.jpg',
  1043. hot: [
  1044. {
  1045. // 热点名字
  1046. name: '㓥猪',
  1047. // 热点图片路径+名字
  1048. hoverSrc: 'chef/hot1.png',
  1049. // 点击之后的播放动画路径+名字
  1050. videoId: '1',
  1051. // 里面展示的图片路径+名字
  1052. showImg: 'chef/show1.png',
  1053. // 里面展示的文本
  1054. txt: `
  1055. <p>将处理好的肉,按用途切割成条状、块状或薄片,</p>
  1056. <p>且常依照礼制或饮食习惯进行处理。</p>
  1057. `,
  1058. // 热点定位百分比
  1059. loc: {
  1060. top: '64%',
  1061. left: '77.5%'
  1062. }
  1063. },
  1064. {
  1065. // 热点名字
  1066. name: '割肉',
  1067. // 热点图片路径+名字
  1068. hoverSrc: 'chef/hot2.png',
  1069. // 点击之后的播放动画路径+名字
  1070. videoId: '2',
  1071. // 里面展示的图片路径+名字
  1072. showImg: 'chef/show2.png',
  1073. // 里面展示的文本
  1074. txt: `
  1075. <p>割肉割肉将处理好的肉,按用途切割成条状、块状或薄片,</p>
  1076. <p>且常依照礼制或饮食习惯进行处理。</p>
  1077. `,
  1078. // 热点定位百分比
  1079. loc: {
  1080. top: '67%',
  1081. left: '36.5%'
  1082. }
  1083. },
  1084. {
  1085. // 热点名字
  1086. name: '淘洗',
  1087. // 热点图片路径+名字
  1088. hoverSrc: 'chef/hot3.png',
  1089. // 点击之后的播放动画路径+名字
  1090. videoId: '3',
  1091. // 里面展示的图片路径+名字
  1092. showImg: 'chef/show3.png',
  1093. // 里面展示的文本
  1094. txt: `
  1095. <p>淘洗淘洗将处理好的肉,按用途切割成条状、块状或薄片,</p>
  1096. <p>且常依照礼制或饮食习惯进行处理。</p>
  1097. `,
  1098. // 热点定位百分比
  1099. loc: {
  1100. top: '64%',
  1101. left: '22.8%'
  1102. }
  1103. },
  1104. {
  1105. // 热点名字
  1106. name: '烧灶',
  1107. // 热点图片路径+名字
  1108. hoverSrc: 'chef/hot4.png',
  1109. // 点击之后的播放动画路径+名字
  1110. videoId: '4',
  1111. // 里面展示的图片路径+名字
  1112. showImg: 'chef/show4.png',
  1113. // 里面展示的文本
  1114. txt: `
  1115. <p>烧灶烧灶将处理好的肉,按用途切割成条状、块状或薄片,</p>
  1116. <p>且常依照礼制或饮食习惯进行处理。</p>
  1117. `,
  1118. // 热点定位百分比
  1119. loc: {
  1120. top: '71%',
  1121. left: '55%'
  1122. }
  1123. },
  1124. {
  1125. // 热点名字
  1126. name: '劈柴',
  1127. // 热点图片路径+名字
  1128. hoverSrc: 'chef/hot5.png',
  1129. // 点击之后的播放动画路径+名字
  1130. videoId: '5',
  1131. // 里面展示的图片路径+名字
  1132. showImg: 'chef/show5.png',
  1133. // 里面展示的文本
  1134. txt: `
  1135. <p>劈柴劈柴劈柴劈柴劈柴劈柴,</p>
  1136. <p>劈柴劈柴劈柴劈柴劈柴。</p>
  1137. `,
  1138. // 热点定位百分比
  1139. loc: {
  1140. top: '64%',
  1141. left: '65.5%'
  1142. }
  1143. }
  1144. ]
  1145. },
  1146. // 田间耕作(静态资源目录位置:staticData/plow)
  1147. plow: {
  1148. // 最后的过场动画路径+名字
  1149. lastVideo: 'plow/end.mp4',
  1150. // 初始背景图路径+名字
  1151. baseImg: 'plow/bg.jpg',
  1152. // 主要信息
  1153. info: [
  1154. {
  1155. name: '整地',
  1156. // 视频路径+名字
  1157. videoSrc: 'plow/1.mp4',
  1158. // 文本信息
  1159. txt: `
  1160. <P>在汉代,农耕是农业生产的基础,而整地是其中至关重要的一个步骤。整地通常包括四个主要环节:耕地、耙地、耱地以及开沟起垄。</P>
  1161. `,
  1162. // 热点
  1163. hot: plowHotArr.filter(v => v.type === '整地' || v.isChang)
  1164. },
  1165. {
  1166. name: '播种',
  1167. // 视频路径+名字
  1168. videoSrc: 'plow/2.mp4',
  1169. // 文本信息
  1170. txt: `
  1171. <p>汉代对播种的时间、用种量、行株距以及覆土深度等都有了切实的要求。汉代的播种方法有撒播、点播 穴播、和条播三种。西汉赵过发明的耧车将开沟和播种结合在一起,可一次播三行,一天可播种一顷一百汉亩。</p>
  1172. `,
  1173. hot: plowHotArr.filter(v => v.type === '播种' || v.isChang)
  1174. },
  1175. {
  1176. name: '中耕',
  1177. // 视频路径+名字
  1178. videoSrc: 'plow/3.mp4',
  1179. // 文本信息
  1180. txt: `
  1181. <p>中耕是我国传统农业生产技术体系中的重要环节。汉代继承这一优良传统,《沦胜之书》把“旱锄”作为“凡耕之本”中的一个重要环节,对各种作物都要求“有草锄之,不厌数多”。汉代农具中有专门用除草松土的铁锄。</p>
  1182. `,
  1183. hot: plowHotArr.filter(v => v.type === '中耕' || v.isChang)
  1184. },
  1185. {
  1186. name: '施肥',
  1187. // 视频路径+名字
  1188. videoSrc: 'plow/4.mp4',
  1189. // 文本信息
  1190. txt: `
  1191. <p>通过施肥来提高地力也是我国农业的优良传统。汉代,泥胜之把“务粪泽”,王充把“厚加粪壤”作为“助地力”的重要措施。汉代已创造施用基肥、种肥和追肥等技术。</p>
  1192. `,
  1193. hot: plowHotArr.filter(v => v.type === '施肥' || v.isChang)
  1194. },
  1195. {
  1196. name: '收货',
  1197. // 视频路径+名字
  1198. videoSrc: 'plow/5.mp4',
  1199. // 文本信息
  1200. txt: `
  1201. <p>汉代非常重视及时收获。《沦胜之书》 在谈到各种作物的收获时都强调“早获”,粟“获不可不速,常以急疾为务”,“获豆之法,英黑而茎苍,橄收无疑”,“获麻之法,霜下实成,速祈之。”</p>
  1202. `,
  1203. hot: plowHotArr.filter(v => v.type === '收货' || v.isChang)
  1204. }
  1205. ]
  1206. },
  1207. // 尾声(静态资源目录位置:staticData/end)
  1208. end: {
  1209. // 初始背景图路径+名字
  1210. baseImg: 'end/bg.jpg',
  1211. // 底部文字
  1212. txt: `
  1213. <p>《邀你至汉家》<b>展览策展人:</b>XX人</p>
  1214. <p><b>线上策展团队:</b></p>
  1215. <p>河南博物院:张先生 | 刘先生 | 李小姐 | 张小姐 | 詹先生</p>
  1216. <div>珠海市四维时代网络科技有限公司设计制作</div>
  1217. `
  1218. },
  1219. // 更多(静态资源目录位置:staticData/more)
  1220. more: {
  1221. // 视频位置 more/
  1222. // 从 探索庄园=》汉代风华 播放 1.mp4
  1223. // 从 探索庄园=》文物欣赏 播放 2.mp4
  1224. // 从 汉代风华=》探索庄园 播放 3.mp4
  1225. // 从 汉代风华=》文物欣赏 播放 4.mp4
  1226. // 从 文物欣赏=》探索庄园 播放 5.mp4
  1227. // 从 文物欣赏=》汉代风华 播放 6.mp4
  1228. // 初始就加载这6个视频
  1229. videos: ['more/1.mp4', 'more/2.mp4', 'more/3.mp4', 'more/4.mp4', 'more/5.mp4', 'more/6.mp4'],
  1230. 探索庄园: {
  1231. // 背景图路径+名字
  1232. bg: 'more/bg1.jpg',
  1233. // 热点
  1234. hot: [
  1235. {
  1236. name: '车骑拜谒',
  1237. // 左边图片所在路径+名字
  1238. leftImg: 'visit/mulu.png',
  1239. // pc鼠标移入显示的热点图片路径+名字
  1240. hoverSrc: 'more/hot/hot1.png',
  1241. // 跳转路径
  1242. path: '/visit',
  1243. // 热点定位百分比
  1244. loc: {
  1245. top: '52%',
  1246. left: '18%'
  1247. }
  1248. },
  1249. {
  1250. name: '主客宴请',
  1251. // 左边图片所在路径+名字
  1252. leftImg: 'banquet/mulu.png',
  1253. // pc鼠标移入显示的热点图片路径+名字
  1254. hoverSrc: 'more/hot/hot2.png',
  1255. // 跳转路径
  1256. path: '/banquet',
  1257. // 层级问题,如果碰到遮挡 把这个值设置大一点
  1258. zIndex: 2,
  1259. // 热点定位百分比
  1260. loc: {
  1261. top: '40%',
  1262. left: '33%'
  1263. }
  1264. },
  1265. {
  1266. name: '乐舞百戏',
  1267. // 左边图片所在路径+名字
  1268. leftImg: 'dance/mulu.png',
  1269. // pc鼠标移入显示的热点图片路径+名字
  1270. hoverSrc: 'more/hot/hot3.png',
  1271. // 跳转路径
  1272. path: '/dance',
  1273. // 热点定位百分比
  1274. loc: {
  1275. top: '30%',
  1276. left: '45%'
  1277. }
  1278. },
  1279. {
  1280. name: '后厨备宴',
  1281. // 左边图片所在路径+名字
  1282. leftImg: 'chef/mulu.png',
  1283. // pc鼠标移入显示的热点图片路径+名字
  1284. hoverSrc: 'more/hot/hot4.png',
  1285. // 跳转路径
  1286. path: '/chef',
  1287. // 热点定位百分比
  1288. loc: {
  1289. top: '28%',
  1290. left: '66%'
  1291. }
  1292. },
  1293. {
  1294. name: '田间耕作',
  1295. // 左边图片所在路径+名字
  1296. leftImg: 'plow/mulu.png',
  1297. // pc鼠标移入显示的热点图片路径+名字
  1298. hoverSrc: 'more/hot/hot5.png',
  1299. // 跳转路径
  1300. path: '/plow',
  1301. // 热点定位百分比
  1302. loc: {
  1303. top: '13%',
  1304. left: '20%'
  1305. }
  1306. }
  1307. ]
  1308. },
  1309. 汉代风华: {
  1310. 物: {
  1311. // 背景图路径+名字
  1312. bg: 'more/bg2.jpg',
  1313. hot: moreHotArr
  1314. },
  1315. 人: {
  1316. // 背景图路径+名字
  1317. bg: 'more/bg2.jpg'
  1318. }
  1319. },
  1320. 文物欣赏: {
  1321. // 背景图路径+名字
  1322. bg: 'more/bg3.jpg',
  1323. dataArr: [
  1324. {
  1325. name: '车骑拜谒',
  1326. info: [
  1327. {
  1328. name: '三层红釉陶望楼',
  1329. // 下面的小图路径+名字
  1330. suoSrc: 'more/visit/suo1.png',
  1331. // 里面详情的类型 图片:img 视频:video 模型:model
  1332. type: 'img',
  1333. // 里面的大图/视频/模型 路径+名字
  1334. inSrc: 'more/visit/1.png',
  1335. // 里面的文字介绍
  1336. inTxt: `
  1337. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1338. `
  1339. },
  1340. {
  1341. name: '釉陶乐俑群',
  1342. // 下面的小图路径+名字
  1343. suoSrc: 'more/visit/suo2.png',
  1344. // 里面详情的类型 图片:img 视频:video 模型:model
  1345. type: 'video',
  1346. // 里面的大图/视频/模型 路径+名字
  1347. inSrc: 'more/visit/2.mp4',
  1348. // 里面的文字介绍
  1349. inTxt: `
  1350. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1351. `
  1352. },
  1353. {
  1354. name: '铜鋞',
  1355. // 下面的小图路径+名字
  1356. suoSrc: 'more/visit/suo3.png',
  1357. // 里面详情的类型 图片:img 视频:video 模型:model
  1358. type: 'model',
  1359. // 里面的大图/视频/模型 路径+名字
  1360. inSrc: 'more/visit/3.4dage',
  1361. // 里面的文字介绍
  1362. inTxt: `
  1363. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1364. `
  1365. },
  1366. {
  1367. name: '收租图陶仓楼',
  1368. // 下面的小图路径+名字
  1369. suoSrc: 'more/visit/suo4.png',
  1370. // 里面详情的类型 图片:img 视频:video 模型:model
  1371. type: 'img',
  1372. // 里面的大图/视频/模型 路径+名字
  1373. inSrc: 'more/visit/4.jpg',
  1374. // 里面的文字介绍
  1375. inTxt: `
  1376. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1377. `
  1378. },
  1379. {
  1380. name: '绘彩人物舞蹈陶仓楼',
  1381. // 下面的小图路径+名字
  1382. suoSrc: 'more/visit/suo5.png',
  1383. // 里面详情的类型 图片:img 视频:video 模型:model
  1384. type: 'img',
  1385. // 里面的大图/视频/模型 路径+名字
  1386. inSrc: 'more/visit/5.jpg',
  1387. // 里面的文字介绍
  1388. inTxt: `
  1389. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1390. `
  1391. },
  1392. {
  1393. name: '三层红釉陶望楼',
  1394. // 下面的小图路径+名字
  1395. suoSrc: 'more/visit/suo1.png',
  1396. // 里面详情的类型 图片:img 视频:video 模型:model
  1397. type: 'img',
  1398. // 里面的大图/视频/模型 路径+名字
  1399. inSrc: 'more/visit/1.png',
  1400. // 里面的文字介绍
  1401. inTxt: `
  1402. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1403. `
  1404. },
  1405. {
  1406. name: '釉陶乐俑群',
  1407. // 下面的小图路径+名字
  1408. suoSrc: 'more/visit/suo2.png',
  1409. // 里面详情的类型 图片:img 视频:video 模型:model
  1410. type: 'video',
  1411. // 里面的大图/视频/模型 路径+名字
  1412. inSrc: 'more/visit/2.mp4',
  1413. // 里面的文字介绍
  1414. inTxt: `
  1415. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1416. `
  1417. },
  1418. {
  1419. name: '铜鋞',
  1420. // 下面的小图路径+名字
  1421. suoSrc: 'more/visit/suo3.png',
  1422. // 里面详情的类型 图片:img 视频:video 模型:model
  1423. type: 'model',
  1424. // 里面的大图/视频/模型 路径+名字
  1425. inSrc: 'more/visit/3.4dage',
  1426. // 里面的文字介绍
  1427. inTxt: `
  1428. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1429. `
  1430. },
  1431. {
  1432. name: '收租图陶仓楼',
  1433. // 下面的小图路径+名字
  1434. suoSrc: 'more/visit/suo4.png',
  1435. // 里面详情的类型 图片:img 视频:video 模型:model
  1436. type: 'img',
  1437. // 里面的大图/视频/模型 路径+名字
  1438. inSrc: 'more/visit/4.jpg',
  1439. // 里面的文字介绍
  1440. inTxt: `
  1441. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1442. `
  1443. },
  1444. {
  1445. name: '绘彩人物舞蹈陶仓楼',
  1446. // 下面的小图路径+名字
  1447. suoSrc: 'more/visit/suo5.png',
  1448. // 里面详情的类型 图片:img 视频:video 模型:model
  1449. type: 'img',
  1450. // 里面的大图/视频/模型 路径+名字
  1451. inSrc: 'more/visit/5.jpg',
  1452. // 里面的文字介绍
  1453. inTxt: `
  1454. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1455. `
  1456. },
  1457. {
  1458. name: '三层红釉陶望楼',
  1459. // 下面的小图路径+名字
  1460. suoSrc: 'more/visit/suo1.png',
  1461. // 里面详情的类型 图片:img 视频:video 模型:model
  1462. type: 'img',
  1463. // 里面的大图/视频/模型 路径+名字
  1464. inSrc: 'more/visit/1.png',
  1465. // 里面的文字介绍
  1466. inTxt: `
  1467. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1468. `
  1469. },
  1470. {
  1471. name: '釉陶乐俑群',
  1472. // 下面的小图路径+名字
  1473. suoSrc: 'more/visit/suo2.png',
  1474. // 里面详情的类型 图片:img 视频:video 模型:model
  1475. type: 'video',
  1476. // 里面的大图/视频/模型 路径+名字
  1477. inSrc: 'more/visit/2.mp4',
  1478. // 里面的文字介绍
  1479. inTxt: `
  1480. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1481. `
  1482. },
  1483. {
  1484. name: '铜鋞',
  1485. // 下面的小图路径+名字
  1486. suoSrc: 'more/visit/suo3.png',
  1487. // 里面详情的类型 图片:img 视频:video 模型:model
  1488. type: 'model',
  1489. // 里面的大图/视频/模型 路径+名字
  1490. inSrc: 'more/visit/3.4dage',
  1491. // 里面的文字介绍
  1492. inTxt: `
  1493. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1494. `
  1495. },
  1496. {
  1497. name: '收租图陶仓楼',
  1498. // 下面的小图路径+名字
  1499. suoSrc: 'more/visit/suo4.png',
  1500. // 里面详情的类型 图片:img 视频:video 模型:model
  1501. type: 'img',
  1502. // 里面的大图/视频/模型 路径+名字
  1503. inSrc: 'more/visit/4.jpg',
  1504. // 里面的文字介绍
  1505. inTxt: `
  1506. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1507. `
  1508. },
  1509. {
  1510. name: '绘彩人物舞蹈陶仓楼',
  1511. // 下面的小图路径+名字
  1512. suoSrc: 'more/visit/suo5.png',
  1513. // 里面详情的类型 图片:img 视频:video 模型:model
  1514. type: 'img',
  1515. // 里面的大图/视频/模型 路径+名字
  1516. inSrc: 'more/visit/5.jpg',
  1517. // 里面的文字介绍
  1518. inTxt: `
  1519. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1520. `
  1521. }
  1522. ]
  1523. },
  1524. {
  1525. name: '主客宴请',
  1526. info: [
  1527. {
  1528. name: '主客宴请1',
  1529. // 下面的小图路径+名字
  1530. suoSrc: 'more/banquet/suo1.png',
  1531. // 里面详情的类型 图片:img 视频:video 模型:model
  1532. type: 'img',
  1533. // 里面的大图/视频/模型 路径+名字
  1534. inSrc: 'more/banquet/1.png',
  1535. // 里面的文字介绍
  1536. inTxt: `
  1537. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1538. `
  1539. }
  1540. ]
  1541. },
  1542. {
  1543. name: '乐舞百戏',
  1544. info: [
  1545. {
  1546. name: '乐舞百戏1',
  1547. // 下面的小图路径+名字
  1548. suoSrc: 'more/banquet/suo1.png',
  1549. // 里面详情的类型 图片:img 视频:video 模型:model
  1550. type: 'img',
  1551. // 里面的大图/视频/模型 路径+名字
  1552. inSrc: 'more/banquet/1.png',
  1553. // 里面的文字介绍
  1554. inTxt: `
  1555. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1556. `
  1557. }
  1558. ]
  1559. },
  1560. {
  1561. name: '后厨备宴',
  1562. info: [
  1563. {
  1564. name: '后厨备宴1',
  1565. // 下面的小图路径+名字
  1566. suoSrc: 'more/banquet/suo1.png',
  1567. // 里面详情的类型 图片:img 视频:video 模型:model
  1568. type: 'img',
  1569. // 里面的大图/视频/模型 路径+名字
  1570. inSrc: 'more/banquet/1.png',
  1571. // 里面的文字介绍
  1572. inTxt: `
  1573. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1574. `
  1575. }
  1576. ]
  1577. },
  1578. {
  1579. name: '田间耕作',
  1580. info: [
  1581. {
  1582. name: '田间耕作1',
  1583. // 下面的小图路径+名字
  1584. suoSrc: 'more/banquet/suo1.png',
  1585. // 里面详情的类型 图片:img 视频:video 模型:model
  1586. type: 'img',
  1587. // 里面的大图/视频/模型 路径+名字
  1588. inSrc: 'more/banquet/1.png',
  1589. // 里面的文字介绍
  1590. inTxt: `
  1591. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1592. `
  1593. }
  1594. ]
  1595. },
  1596. {
  1597. name: '仙居世界',
  1598. info: [
  1599. {
  1600. name: '仙居世界1',
  1601. // 下面的小图路径+名字
  1602. suoSrc: 'more/banquet/suo1.png',
  1603. // 里面详情的类型 图片:img 视频:video 模型:model
  1604. type: 'img',
  1605. // 里面的大图/视频/模型 路径+名字
  1606. inSrc: 'more/banquet/1.png',
  1607. // 里面的文字介绍
  1608. inTxt: `
  1609. <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
  1610. `
  1611. }
  1612. ]
  1613. }
  1614. ]
  1615. }
  1616. }
  1617. }