myData.js 52 KB

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