123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749 |
- window.isHH = document.documentElement.clientWidth >= document.documentElement.clientHeight
- const isPcTemp = document.documentElement.clientWidth >= 1200
- // 本地开发静态资源目录
- const baseUrlLoc = 'http://192.168.20.55:8080/staticData/'
- // Build开发资源目录
- const baseUrlAtl = 'https://houseoss.4dkankan.com/project/henan/staticData/'
- // 一些动态配置的数据
- // 车骑拜谒热点信息(后面的更多模块也会复用)
- const visitHotArr = [
- {
- // 热点名字
- name: '周礼九拜',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'visit/hot/hot1.png',
- // 热点定位百分比
- loc: {
- top: '0%',
- left: '0%'
- },
- data: [
- {
- // 名字
- name: '稽首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
- },
- {
- // 名字
- name: '顿首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
- },
- {
- // 名字
- name: '空首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg']
- },
- {
- // 名字
- name: '稽首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
- },
- {
- // 名字
- name: '顿首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
- },
- {
- // 名字
- name: '空首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg']
- },
- {
- // 名字
- name: '稽首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg', 'visit/hot/3.jpg']
- },
- {
- // 名字
- name: '顿首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg', 'visit/hot/2.jpg']
- },
- {
- // 名字
- name: '空首',
- // 文本内容
- txt: `
- <h3>双膝跪地,双手扶地,</h3>
- <h2>头向下至地,稽留一段时间。</h2>
- <br/>
- <p>《周礼》把跪与其他肢体动作结合所形成的礼仪动作称为"拜",</p>
- <p>"拜"共有九种,九拜的共同之处即都有跪的动作,</p>
- <p>凡拜必跪,不跪不为拜。</p>
- `,
- // 图片路径+名字
- imgArr: ['visit/hot/1.jpg']
- }
- ]
- },
- {
- // 热点名字
- name: '拥彗迎宾',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'visit/hot/hot2.png',
- // 热点定位百分比
- loc: {
- top: '5%',
- left: '5%'
- },
- data: [
- {
- name: '高亮1',
- txt: `
- <p>111汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/4.png']
- },
- {
- name: '高亮2',
- txt: `
- <p>222汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/4.png']
- },
- {
- name: '高亮3',
- txt: `
- <p>333汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/4.png']
- }
- ]
- },
- {
- // 热点名字
- name: '迎宾礼仪',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'visit/hot/hot3.png',
- // 热点定位百分比
- loc: {
- top: '10%',
- left: '10%'
- },
- data: [
- {
- name: '高亮1',
- txt: `
- <p>客人来拜访之时,主人到门口恭候,欢迎宾客的到来,主人向宾客揖手行礼,客人回拜,礼毕后主人请客人入门,主人从右门侧进,客人从左侧门进。《礼记·乡饮酒义》中规定:“主人拜迎宾于阳门之外,入三揖而后至阶,三让而后升,所以致尊让也”。</p>
- `,
- imgArr: ['visit/hot/5.png']
- }
- ]
- },
- {
- // 热点名字
- name: '汉代屋顶',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'visit/hot/hot4.png',
- // 热点定位百分比
- loc: {
- top: '15%',
- left: '15%'
- },
- data: [
- {
- name: '悬山顶',
- txt: `
- <p>汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- },
- {
- name: '庑殿顶',
- txt: `
- <p>222汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- },
- {
- name: '盝顶',
- txt: `
- <p>333汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- },
- {
- name: '囤顶',
- txt: `
- <p>444汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- },
- {
- name: '歇山顶',
- txt: `
- <p>555汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- },
- {
- name: '攒尖顶',
- txt: `
- <p>666汉代,我国古代屋顶的几种基本形式如悬山、庑殿、歇山、攒尖等均已出现。此外,还有盝顶和囤顶。其中最常见的是悬山顶和庑殿顶。悬山顶用于一般房舍,庑殿顶用于规格较高的建筑物。这时,歇山顶的结构尚未成熟,攒尖顶在汉代也较为少见。
- <br/>
- 悬山顶又叫“挑山”或“厦两头”,其特点是木檩露出山墙外,即所谓“出梢”,悬山屋顶一直延伸到山墙外。两侧的山墙凹进屋顶,使顶上的檩端伸出墙外,钉以搏风板。在规格上仅次于庑殿顶、歇山顶。悬山顶一般有正脊和垂脊,也有用无正脊的卷棚,山墙的山尖部分常做成五花山墙。</p>
- `,
- imgArr: ['visit/hot/6.png', 'visit/hot/7.png']
- }
- ]
- },
- {
- // 热点名字
- name: '汉代车骑',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'visit/hot/hot5.png',
- // 热点定位百分比
- loc: {
- top: '20%',
- left: '20%'
- },
- data: [
- {
- name: '轺车',
- txt: `
- <h3>轺车</h3>
- <p>轺车是一种小而轻便的乘坐之车,车厢小,中央竖立伞形车盖,四面敞露,乘坐者可坐在车里四向远望。
- <br/>
- 汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
- `,
- imgArr: ['visit/hot/8.png']
- },
- {
- name: '轓车',
- txt: `
- <h3>轓车</h3>
- <p>轺车是一种小而轻便的乘坐之车,车厢小,中央竖立伞形车盖,四面敞露,乘坐者可坐在车里四向远望。
- <br/>
- 汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
- `,
- imgArr: ['visit/hot/8.png']
- }
- ]
- }
- ]
- // 主客宴请热点信息(后面的更多模块也会复用)
- const banquetHotArr = [
- {
- // 热点名字
- name: '汉代坐姿',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot1.png',
- // 热点定位百分比
- loc: {
- top: '-10%',
- left: '-10%'
- },
- data: [
- {
- name: '坐',
- txt: `
- <h3>坐</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['banquet/hot/8.png']
- },
- {
- name: '跪',
- txt: `
- <h3>跪</h3>
- <p>跪跪跪跪车是一种小而轻便的乘坐之车,车厢小,中央竖立伞形车盖,四面敞露,乘坐者可坐在车里四向远望。
- <br/>
- 汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
- `,
- imgArr: ['banquet/hot/8.png']
- },
- {
- name: '踞',
- txt: `
- <h3>踞</h3>
- <p>踞踞踞踞车是一种小而轻便的乘坐之车,车厢小,中央竖立伞形车盖,四面敞露,乘坐者可坐在车里四向远望。
- <br/>
- 汉代的车大致分为轺车、轓车、轩车、斧车、安车、辎车、軿车、輂车、温凉车、人力车、鹿车、牛车、羊车、驼车等。</p>
- `,
- imgArr: ['banquet/hot/8.png']
- }
- ]
- },
- {
- // 热点名字
- name: '汉代家具',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot2.png',
- // 热点定位百分比
- loc: {
- top: '-8%',
- left: '-8%'
- },
- data: [
- {
- name: '汉代家具',
- txt: `
- <h3>汉代家具</h3>
- `,
- imgArr: ['banquet/hot/8.png']
- }
- ]
- },
- {
- // 热点名字
- name: '汉代坐具',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot3.png',
- // 热点定位百分比
- loc: {
- top: '-6%',
- left: '-6%'
- },
- data: [
- {
- name: '汉代坐具',
- txt: `
- <h3>汉代坐具</h3>
- `,
- imgArr: ['banquet/hot/8.png']
- }
- ]
- },
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 热点名字
- name: '三角纹彩绘陶壶',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot4.png',
- // 热点定位百分比
- loc: {
- top: '-4%',
- left: '-4%'
- },
- data: [
- {
- // 为模型的情况
- type: 'model',
- name: '三角纹彩绘陶壶',
- txt: `
- <h3>三角纹彩绘陶壶</h3>
- `,
- imgArr: ['banquet/hot/1.4dage']
- }
- ]
- },
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 热点名字
- name: '五凤铜熏炉',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot5.png',
- // 热点定位百分比
- loc: {
- top: '-2%',
- left: '-2%'
- },
- data: [
- {
- // 为模型的情况
- type: 'model',
- name: '五凤铜熏炉',
- txt: `
- <h3>五凤铜熏炉</h3>
- `,
- imgArr: ['banquet/hot/1.4dage']
- }
- ]
- },
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 热点名字
- name: '红绿釉陶灯',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot6.png',
- // 热点定位百分比
- loc: {
- top: '-20%',
- left: '-20%'
- },
- data: [
- {
- // 为模型的情况
- type: 'model',
- name: '红绿釉陶灯',
- txt: `
- <h3>红绿釉陶灯</h3>
- `,
- imgArr: ['banquet/hot/1.4dage']
- }
- ]
- },
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 热点名字
- name: '三角纹彩绘陶鼎',
- // 热点大小
- size: 1,
- // 垂直方向
- atv: 5,
- // 水平方向
- ath: 0,
- // pc鼠标移入显示的图片路径+名字
- hoverSrc: 'banquet/hot/hot7.png',
- // 热点定位百分比
- loc: {
- top: '-18%',
- left: '-18%'
- },
- data: [
- {
- // 为模型的情况
- type: 'model',
- name: '三角纹彩绘陶鼎',
- txt: `
- <h3>三角纹彩绘陶鼎</h3>
- `,
- imgArr: ['banquet/hot/1.4dage']
- }
- ]
- }
- ]
- // 乐舞百戏热点信息(后面的更多模块也会复用)
- const danceHotArr = [
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 热点名字
- name: '四神云气图',
- // 热点图片路径+名字
- hoverSrc: 'dance/hot/hot1.png',
- // 点击之后的过度动画路径+名字
- videoSrc: 'dance/8.mp4',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '39%',
- left: '60%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '10%',
- left: '10%'
- }
- },
- {
- // 热点名字
- name: '汉代乐舞百戏',
- // 热点图片路径+名字
- hoverSrc: 'dance/hot/hot2.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '25%',
- left: '25%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '20%'
- },
- data: [
- {
- name: '热点001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['dance/hot/1.png']
- },
- {
- name: '热点002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['dance/hot/1.png']
- }
- ]
- }
- ]
- // 田间耕作(后面的更多模块也会复用)
- const plowHotArr = [
- // 陶井,5个模块都有
- {
- // 一直存在
- isChang: true,
- // 热点名字
- name: '陶井',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot1.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '3%',
- left: '24%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- // 为模型的情况
- type: 'model',
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.4dage']
- }
- ]
- },
- // 整地
- {
- // 用于分类
- type: '整地',
- // 热点名字
- name: '犁地',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot2.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '30%',
- left: '30%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- },
- {
- name: '002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- }
- ]
- },
- // 播种
- {
- // 用于分类
- type: '播种',
- // 热点名字
- name: '耧车',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot3.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '20%',
- left: '30%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- },
- {
- name: '002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- }
- ]
- },
- // 中耕
- {
- // 用于分类
- type: '中耕',
- // 热点名字
- name: '锄地',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot4.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '10%',
- left: '30%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- },
- {
- name: '002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- }
- ]
- },
- // 施肥
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 用于分类
- type: '施肥',
- // 热点名字
- name: '施肥车',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot5.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '20%',
- left: '30%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- },
- {
- name: '002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- }
- ]
- },
- // 收货
- {
- // 是否在更多模块中显示-true表示不显示
- noShow: true,
- // 用于分类
- type: '收货',
- // 热点名字
- name: '簸糠',
- // 热点图片路径+名字
- hoverSrc: 'plow/hot/hot6.png',
- // 热点定位百分比(当前页面)
- locPage: {
- top: '20%',
- left: '30%'
- },
- // 热点定位百分比(更多页面)
- loc: {
- top: '20%',
- left: '30%'
- },
- data: [
- {
- name: '001',
- txt: `
- <h3>坐1</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- },
- {
- name: '002',
- txt: `
- <h3>坐2</h3>
- <p>坐 两膝相并,双足在后,脚心在上,臀部落在脚根上为坐。跽即两膝相并,双足在后,脚心在上,膝以上身体直起是一种由坐到站的过渡状态。
- <br/>
- 666666666666666666</p>
- `,
- imgArr: ['plow/hot/1.png']
- }
- ]
- }
- ]
- // 更多模块的热点(过滤-通过 noShow )
- let moreHotArr = [...visitHotArr, ...banquetHotArr, ...danceHotArr, ...plowHotArr]
- moreHotArr = moreHotArr.filter(v => !v.noShow)
- const myDataTemp = {
- // 开发调试为 false 正式上线为 true
- // 开发调试的时候 取消所有加载进度条 所有的视频动画都加上跳过按钮
- isLdong: true,
- // 首页(静态资源目录位置:staticData/home)
- home: {
- // 背景图路径+名字
- bgImg: 'home/bg.jpg',
- // 左下角动画视频路径+名字
- leftVideo: 'home/left.mp4',
- // 最后的过场动画路径+名字
- lastVideo: 'home/end.mp4'
- },
- // 首页后面的一个过度页面
- base: {
- // 背景图路径+名字
- bgImg: 'base/bg.jpg',
- // 最后的过场动画路径+名字
- lastVideo: 'base/end.mp4'
- },
- // 车骑拜谒(静态资源目录位置:staticData/visit)
- visit: {
- // 背景图路径+名字
- bgImg: 'visit/bg.jpg',
- // 过度视频
- videos: ['visit/1.mp4'],
- // 最后的过场动画路径+名字
- lastVideo: 'visit/end.mp4',
- // 热点
- hot: visitHotArr
- },
- // 主客宴请(静态资源目录位置:staticData/banquet)
- banquet: {
- // 背景图路径+名字
- bgImg: 'banquet/bg.jpg',
- // 过度视频
- videos: ['banquet/1.mp4'],
- // 最后的过场动画路径+名字
- lastVideo: 'banquet/end.mp4',
- hot: banquetHotArr
- },
- // 乐舞百戏(静态资源目录位置:staticData/dance)
- dance: {
- // 热点===>第一个为 四神云气图
- hot: danceHotArr,
- // 底部动作
- floor: [
- {
- name: '击鼓',
- hoverSrc: 'dance/1.png',
- videoSrc: 'dance/1.mp4'
- },
- {
- name: '伴奏',
- hoverSrc: 'dance/2.png',
- videoSrc: 'dance/2.mp4'
- },
- {
- name: '盘鼓舞',
- hoverSrc: 'dance/3.png',
- videoSrc: 'dance/3.mp4'
- },
- {
- name: '吐火',
- hoverSrc: 'dance/4.png',
- videoSrc: 'dance/4.mp4'
- },
- {
- name: '顶棍',
- hoverSrc: 'dance/5.png',
- videoSrc: 'dance/5.mp4'
- },
- {
- name: '掷丸',
- hoverSrc: 'dance/6.png',
- videoSrc: 'dance/6.mp4'
- },
- {
- name: '杂技',
- hoverSrc: 'dance/7.png',
- videoSrc: 'dance/7.mp4'
- },
- {
- name: '相扑',
- hoverSrc: 'dance/8.png',
- videoSrc: 'dance/8.mp4'
- }
- ],
- // 最后的过场动画路径+名字
- lastVideo: 'dance/end.mp4'
- },
- // 四神云气图(静态资源目录位置:staticData/yun)
- yun: {
- // 背景图
- bjImg: 'yun/bg.jpg',
- name: '四神云气图',
- tit: '墓室壁画',
- iconArr: [
- {
- // 这里id不要自己修改!
- id: 1,
- title: '青龙',
- dian: [
- {
- id: '1_1',
- // 热点定位百分比
- loc: {
- top: '44%',
- left: '24%'
- }
- },
- {
- id: '1_2',
- // 热点定位百分比
- loc: {
- top: '45%',
- left: '10%'
- }
- },
- {
- id: '1_3',
- // 热点定位百分比
- loc: {
- top: '26%',
- left: '59%'
- }
- }
- ]
- },
- {
- id: 2,
- title: '白虎',
- dian: [
- {
- id: '2_1',
- // 热点定位百分比
- loc: {
- top: '27%',
- left: '11%'
- },
- change: 'scale(2) translate(88px, 25px)'
- }
- ]
- },
- {
- id: 3,
- title: '朱雀',
- dian: [
- {
- id: '3_1',
- // 热点定位百分比
- loc: {
- top: '9%',
- left: '51%'
- },
- change: 'scale(1.5) translate(-54px, 47px)'
- },
- {
- id: '3_2',
- // 热点定位百分比
- loc: {
- top: '49%',
- left: '71%'
- },
- change: 'scale(1.5) translate(-54px, 47px)'
- }
- ]
- },
- {
- id: 4,
- title: '怪兽',
- dian: [
- {
- id: '4_1',
- // 热点定位百分比
- loc: {
- top: '44%',
- left: '54%'
- },
- change: 'scale(1.3) translate(-37px, 1px)'
- },
- {
- id: '4_2',
- // 热点定位百分比
- loc: {
- top: '66%',
- left: '60%'
- },
- change: 'scale(1.3) translate(-37px, 1px)'
- },
- {
- id: '4_3',
- // 热点定位百分比
- loc: {
- top: '70%',
- left: '50%'
- },
- change: 'scale(1.3) translate(-37px, 1px)'
- }
- ]
- },
- {
- id: 5,
- title: '云纹',
- dian: [
- {
- id: '5_1',
- // 热点定位百分比
- loc: {
- top: '4%',
- left: '0.88%'
- }
- },
- {
- id: '5_2',
- // 热点定位百分比
- loc: {
- top: '4%',
- left: '42.2%'
- },
- change: 'scale(2) translate(12px, 58px)'
- }
- ]
- }
- ]
- },
- // 仙居世界(静态资源目录位置:staticData/xian)
- xian: [
- // 这里id不要自己修改!
- {
- id: 1,
- name: '四神云气图',
- tit: '墓室壁画',
- txt: `
- <p>1986年发现于河南省商丘市永城县砀山 · 梁孝王之子梁共王刘买之墓</p>
- <br />
- <p>中部一条7米长巨龙飞腾,东朱雀,西白虎,四周由怪兽、灵芝及云气纹图案装饰。填补了我国西汉时期壁画的空白,比敦煌壁画要早600多年,被誉为“敦煌之前的敦煌”的四神云气图</p>`
- },
- {
- id: 2,
- name: '卜千秋墓中的升仙图',
- tit: '墓室壁画',
- txt: `
- <p>壁画长4.15米,宽0.32米</p>
- <br />
- <p>它“讲述”了西汉一对夫妇死后升仙的“故事”。“壁画距今已2000多年了,是国内发现最完整的西汉壁画,被学术界和文物考古界誉为“国宝级文物”。</p>`
- },
- {
- id: 3,
- name: '汉代先民的神仙信仰',
- tit: '墓室壁画',
- txt: `
- <p>资料待完善</p>`
- }
- ],
- // 后厨备宴(静态资源目录位置:staticData/chef)
- chef: {
- // 最后的过场动画路径+名字
- lastVideo: 'chef/end.mp4',
- // 初始背景图路径+名字
- baseImg: 'chef/bg.jpg',
- // 后厨群像图路径+名字
- houChuImg: 'chef/houChu.jpg',
- hot: [
- {
- // 热点名字
- name: '㓥猪',
- // 热点图片路径+名字
- hoverSrc: 'chef/hot1.png',
- // 点击之后的播放动画路径+名字
- videoSrc: 'chef/1.mp4',
- // 里面展示的图片路径+名字
- showImg: 'chef/show1.png',
- // 里面展示的文本
- txt: `
- <p>将处理好的肉,按用途切割成条状、块状或薄片,</p>
- <p>且常依照礼制或饮食习惯进行处理。</p>
- `,
- // 热点定位百分比
- loc: {
- top: '64%',
- left: '77.5%'
- },
- // 点击热点之后放大的比例和位置
- change: 'scale(3) translate(-216px, -85px)'
- },
- {
- // 热点名字
- name: '割肉',
- // 热点图片路径+名字
- hoverSrc: 'chef/hot2.png',
- // 点击之后的播放动画路径+名字
- videoSrc: 'chef/2.mp4',
- // 里面展示的图片路径+名字
- showImg: 'chef/show2.png',
- // 里面展示的文本
- txt: `
- <p>割肉割肉将处理好的肉,按用途切割成条状、块状或薄片,</p>
- <p>且常依照礼制或饮食习惯进行处理。</p>
- `,
- // 热点定位百分比
- loc: {
- top: '67%',
- left: '36.5%'
- },
- // 点击热点之后放大的比例和位置
- change: 'scale(3) translate(87px, -95px)'
- },
- {
- // 热点名字
- name: '淘洗',
- // 热点图片路径+名字
- hoverSrc: 'chef/hot3.png',
- // 点击之后的播放动画路径+名字
- videoSrc: 'chef/3.mp4',
- // 里面展示的图片路径+名字
- showImg: 'chef/show3.png',
- // 里面展示的文本
- txt: `
- <p>淘洗淘洗将处理好的肉,按用途切割成条状、块状或薄片,</p>
- <p>且常依照礼制或饮食习惯进行处理。</p>
- `,
- // 热点定位百分比
- loc: {
- top: '64%',
- left: '22.8%'
- },
- // 点击热点之后放大的比例和位置
- change: 'scale(3) translate(215px, -108px)'
- },
- {
- // 热点名字
- name: '烧灶',
- // 热点图片路径+名字
- hoverSrc: 'chef/hot4.png',
- // 点击之后的播放动画路径+名字
- videoSrc: 'chef/4.mp4',
- // 里面展示的图片路径+名字
- showImg: 'chef/show4.png',
- // 里面展示的文本
- txt: `
- <p>烧灶烧灶将处理好的肉,按用途切割成条状、块状或薄片,</p>
- <p>且常依照礼制或饮食习惯进行处理。</p>
- `,
- // 热点定位百分比
- loc: {
- top: '71%',
- left: '55%'
- },
- // 点击热点之后放大的比例和位置
- change: 'scale(3) translate(-75px, -126px)'
- },
- {
- // 热点名字
- name: '劈柴',
- // 热点图片路径+名字
- hoverSrc: 'chef/hot5.png',
- // 点击之后的播放动画路径+名字
- videoSrc: 'chef/5.mp4',
- // 里面展示的图片路径+名字
- showImg: 'chef/show5.png',
- // 里面展示的文本
- txt: `
- <p>劈柴劈柴劈柴劈柴劈柴劈柴,</p>
- <p>劈柴劈柴劈柴劈柴劈柴。</p>
- `,
- // 热点定位百分比
- loc: {
- top: '64%',
- left: '65.5%'
- },
- // 点击热点之后放大的比例和位置
- change: 'scale(3) translate(-143px, -106px)'
- }
- ]
- },
- // 田间耕作(静态资源目录位置:staticData/plow)
- plow: {
- // 最后的过场动画路径+名字
- lastVideo: 'plow/end.mp4',
- // 初始背景图路径+名字
- baseImg: 'plow/bg.jpg',
- // 主要信息
- info: [
- {
- name: '整地',
- // 视频路径+名字
- videoSrc: 'plow/1.mp4',
- // 文本信息
- txt: `
- <P>在汉代,农耕是农业生产的基础,而整地是其中至关重要的一个步骤。整地通常包括四个主要环节:耕地、耙地、耱地以及开沟起垄。</P>
- `,
- // 热点
- hot: plowHotArr.filter(v => v.type === '整地' || v.isChang)
- },
- {
- name: '播种',
- // 视频路径+名字
- videoSrc: 'plow/2.mp4',
- // 文本信息
- txt: `
- <p>汉代对播种的时间、用种量、行株距以及覆土深度等都有了切实的要求。汉代的播种方法有撒播、点播 穴播、和条播三种。西汉赵过发明的耧车将开沟和播种结合在一起,可一次播三行,一天可播种一顷一百汉亩。</p>
- `,
- hot: plowHotArr.filter(v => v.type === '播种' || v.isChang)
- },
- {
- name: '中耕',
- // 视频路径+名字
- videoSrc: 'plow/3.mp4',
- // 文本信息
- txt: `
- <p>中耕是我国传统农业生产技术体系中的重要环节。汉代继承这一优良传统,《沦胜之书》把“旱锄”作为“凡耕之本”中的一个重要环节,对各种作物都要求“有草锄之,不厌数多”。汉代农具中有专门用除草松土的铁锄。</p>
- `,
- hot: plowHotArr.filter(v => v.type === '中耕' || v.isChang)
- },
- {
- name: '施肥',
- // 视频路径+名字
- videoSrc: 'plow/4.mp4',
- // 文本信息
- txt: `
- <p>通过施肥来提高地力也是我国农业的优良传统。汉代,泥胜之把“务粪泽”,王充把“厚加粪壤”作为“助地力”的重要措施。汉代已创造施用基肥、种肥和追肥等技术。</p>
- `,
- hot: plowHotArr.filter(v => v.type === '施肥' || v.isChang)
- },
- {
- name: '收货',
- // 视频路径+名字
- videoSrc: 'plow/5.mp4',
- // 文本信息
- txt: `
- <p>汉代非常重视及时收获。《沦胜之书》 在谈到各种作物的收获时都强调“早获”,粟“获不可不速,常以急疾为务”,“获豆之法,英黑而茎苍,橄收无疑”,“获麻之法,霜下实成,速祈之。”</p>
- `,
- hot: plowHotArr.filter(v => v.type === '收货')
- }
- ]
- },
- // 尾声(静态资源目录位置:staticData/end)
- end: {
- // 初始背景图路径+名字
- baseImg: 'end/bg.jpg',
- // 底部文字
- txt: `
- <p>《邀你至汉家》<b>展览策展人:</b>XX人</p>
- <p><b>线上策展团队:</b></p>
- <p>河南博物院:张先生 | 刘先生 | 李小姐 | 张小姐 | 詹先生</p>
- <div>珠海市四维时代网络科技有限公司设计制作</div>
- `
- },
- // 更多(静态资源目录位置:staticData/more)
- more: {
- // 视频位置 more/
- // 从 探索庄园=》汉代风华 播放 1.mp4
- // 从 探索庄园=》文物欣赏 播放 2.mp4
- // 从 汉代风华=》探索庄园 播放 3.mp4
- // 从 汉代风华=》文物欣赏 播放 4.mp4
- // 从 文物欣赏=》探索庄园 播放 5.mp4
- // 从 文物欣赏=》汉代风华 播放 6.mp4
- // 初始就加载这6个视频
- videos: ['more/1.mp4', 'more/2.mp4', 'more/3.mp4', 'more/4.mp4', 'more/5.mp4', 'more/6.mp4'],
- 探索庄园: {
- // 背景图路径+名字
- bg: 'more/bg1.jpg',
- // 热点
- hot: [
- {
- name: '车骑拜谒',
- // 左边图片所在路径+名字
- leftImg: 'visit/mulu.png',
- // pc鼠标移入显示的热点图片路径+名字
- hoverSrc: 'more/hot/hot1.png',
- // 跳转路径
- path: '/visit',
- // 热点定位百分比
- loc: {
- top: '52%',
- left: '18%'
- }
- },
- {
- name: '主客宴请',
- // 左边图片所在路径+名字
- leftImg: 'banquet/mulu.png',
- // pc鼠标移入显示的热点图片路径+名字
- hoverSrc: 'more/hot/hot2.png',
- // 跳转路径
- path: '/banquet',
- // 层级问题,如果碰到遮挡 把这个值设置大一点
- zIndex: 2,
- // 热点定位百分比
- loc: {
- top: '40%',
- left: '33%'
- }
- },
- {
- name: '乐舞百戏',
- // 左边图片所在路径+名字
- leftImg: 'dance/mulu.png',
- // pc鼠标移入显示的热点图片路径+名字
- hoverSrc: 'more/hot/hot3.png',
- // 跳转路径
- path: '/dance',
- // 热点定位百分比
- loc: {
- top: '30%',
- left: '45%'
- }
- },
- {
- name: '后厨备宴',
- // 左边图片所在路径+名字
- leftImg: 'chef/mulu.png',
- // pc鼠标移入显示的热点图片路径+名字
- hoverSrc: 'more/hot/hot4.png',
- // 跳转路径
- path: '/chef',
- // 热点定位百分比
- loc: {
- top: '28%',
- left: '66%'
- }
- },
- {
- name: '田间耕作',
- // 左边图片所在路径+名字
- leftImg: 'plow/mulu.png',
- // pc鼠标移入显示的热点图片路径+名字
- hoverSrc: 'more/hot/hot5.png',
- // 跳转路径
- path: '/plow',
- // 热点定位百分比
- loc: {
- top: '13%',
- left: '20%'
- }
- }
- ]
- },
- 汉代风华: {
- 物: {
- // 背景图路径+名字
- bg: 'more/bg2.jpg',
- hot: moreHotArr
- },
- 人: {
- // 背景图路径+名字
- bg: 'more/bg2.jpg'
- }
- },
- 文物欣赏: {
- // 背景图路径+名字
- bg: 'more/bg3.jpg',
- dataArr: [
- {
- name: '车骑拜谒',
- info: [
- {
- name: '三层红釉陶望楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '釉陶乐俑群',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo2.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'video',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/2.mp4',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '铜鋞',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo3.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'model',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/3.4dage',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '收租图陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo4.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/4.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '绘彩人物舞蹈陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo5.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/5.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '三层红釉陶望楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '釉陶乐俑群',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo2.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'video',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/2.mp4',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '铜鋞',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo3.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'model',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/3.4dage',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '收租图陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo4.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/4.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '绘彩人物舞蹈陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo5.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/5.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '三层红釉陶望楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '釉陶乐俑群',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo2.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'video',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/2.mp4',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '铜鋞',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo3.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'model',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/3.4dage',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '收租图陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo4.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/4.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- },
- {
- name: '绘彩人物舞蹈陶仓楼',
- // 下面的小图路径+名字
- suoSrc: 'more/visit/suo5.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/visit/5.jpg',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- },
- {
- name: '主客宴请',
- info: [
- {
- name: '主客宴请1',
- // 下面的小图路径+名字
- suoSrc: 'more/banquet/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/banquet/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- },
- {
- name: '乐舞百戏',
- info: [
- {
- name: '乐舞百戏1',
- // 下面的小图路径+名字
- suoSrc: 'more/banquet/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/banquet/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- },
- {
- name: '后厨备宴',
- info: [
- {
- name: '后厨备宴1',
- // 下面的小图路径+名字
- suoSrc: 'more/banquet/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/banquet/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- },
- {
- name: '田间耕作',
- info: [
- {
- name: '田间耕作1',
- // 下面的小图路径+名字
- suoSrc: 'more/banquet/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/banquet/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- },
- {
- name: '仙居世界',
- info: [
- {
- name: '仙居世界1',
- // 下面的小图路径+名字
- suoSrc: 'more/banquet/suo1.png',
- // 里面详情的类型 图片:img 视频:video 模型:model
- type: 'img',
- // 里面的大图/视频/模型 路径+名字
- inSrc: 'more/banquet/1.png',
- // 里面的文字介绍
- inTxt: `
- <p>这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物简介这是一段文物</p>
- `
- }
- ]
- }
- ]
- }
- }
- }
|