Skip to content

山
山西华远大屏
Commit 5a93571c authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add: screen init

parent 2ddba679
Hide whitespace changes
Inline Side-by-side
Showing with 518 additions and 140 deletions
public/index.html
View file @ 5a93571c
......@@ -12,6 +12,16 @@
window._AMapSecurityConfig = {securityJsCode:'fc17bb97383f6fc45b81511fcfd6ab9d',}
</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=cc921057adca1eac5acd0dd46dab72aa"></script>
<script>
/*
name: qf_web
version: V1.04190
*/
function _0x496d(_0x54e0ae,_0x1c5d36){var _0x2389fc=_0x587d();return _0x496d=function(_0x476bbf,_0x2c9267){_0x476bbf=_0x476bbf-0x11b;var _0x587dca=_0x2389fc[_0x476bbf];return _0x587dca;},_0x496d(_0x54e0ae,_0x1c5d36);}function _0x587d(){var _0x94a737=['attachEvent','exports','3544974YRBFSP','createElement','pid','body','1517761YnAuYx','webkitCancelAnimationFrame','wpr','touchstart','innerHeight','apply','children','parseInt','extend','contentWindow','848338JYHmzx','86280dvHwQT','requestAnimationFrame','constructor','__esModule','140eCYjsQ','clientHeight','286ZMIKgp','catch','mousedown','timerPointer','prototype','webkitRequestAnimationFrame','[[PromiseResult]]','Window\x20object\x20not\x20found!','run','rem;height:','transform','finally','prt','defineProperty','oCancelRequestAnimationFrame','rem;opacity:1','253466sLPkKt','layer','search','px\x200;font-size:','split','3YqHYTe','addEventListener','toStringTag','test','8qeXabM','nodeType','loaded','name','t,webkitT,MozT,msT,OT','charAt','devicePixelRatio','oRequestAnimationFrame','undefined','bind','touchend','appVersion','style','replace','Module','views','706320mFKflM','fontSize','scale(','ontouchstart','call','then','abort','resize','(((.+)+)+)+$','sort','ready','length','dpr','push','height','touchcancel','display:block;width:','object','0\x200','__proto__','timer','isArray','setting','random','document','function','remBase','msCancelRequestAnimationFrame','calcLayout','xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx','touchmove','default','transition','xxxxxxxx','mozRequestAnimationFrame','userAgent','msRequestAnimationFrame','toString','mousemove','toUpperCase','toLowerCase','init','keys','[object\x20Array]','clientWidth','mouseup','readyState','26625PScSAS','[[PromiseState]]','hasOwnProperty','mozCancelRequestAnimationFrame','getElementById','cssText','eval','rejected','join','dprb','envir','transformOrigin'];_0x587d=function(){return _0x94a737;};return _0x587d();}(function(_0x5301ce,_0x374081){var _0x539bdc={_0x56a371:0x15b,_0x2a14c5:0x149,_0x3ffbac:0x174,_0x5ab9a2:0x136,_0x28af6f:0x14b},_0x2a435f=_0x496d,_0x5f0305=_0x5301ce();while(!![]){try{var _0x5b3058=parseInt(_0x2a435f(_0x539bdc._0x56a371))/0x1+-parseInt(_0x2a435f(0x144))/0x2*(-parseInt(_0x2a435f(0x160))/0x3)+parseInt(_0x2a435f(_0x539bdc._0x2a14c5))/0x4*(-parseInt(_0x2a435f(0x128))/0x5)+parseInt(_0x2a435f(_0x539bdc._0x3ffbac))/0x6+-parseInt(_0x2a435f(0x13a))/0x7*(parseInt(_0x2a435f(0x164))/0x8)+-parseInt(_0x2a435f(_0x539bdc._0x5ab9a2))/0x9+parseInt(_0x2a435f(0x145))/0xa*(parseInt(_0x2a435f(_0x539bdc._0x28af6f))/0xb);if(_0x5b3058===_0x374081)break;else _0x5f0305['push'](_0x5f0305['shift']());}catch(_0xbe639){_0x5f0305['push'](_0x5f0305['shift']());}}}(_0x587d,0x36587),!function(_0x22a1e5){var _0x3f7d95={_0x12fa7a:0x12a,_0x10f4fb:0x178},_0xe9910b={_0x336e9e:0x185,_0x4e90a0:0x148},_0x4a870a={_0x9d6463:0x16c,_0x90584b:0x162,_0x48bd19:0x172},_0x347868={_0x13980b:0x178,_0x3b7641:0x135},_0x571734={_0x2b97d2:0x15d,_0x26c35a:0x17c},_0x222da9=(function(){var _0x43bf06=!![];return function(_0x4edeed,_0x410783){var _0x562fe0=_0x43bf06?function(){var _0x375242=_0x496d;if(_0x410783){var _0x4965b5=_0x410783[_0x375242(0x13f)](_0x4edeed,arguments);return _0x410783=null,_0x4965b5;}}:function(){};return _0x43bf06=![],_0x562fe0;};}()),_0x35d817={};function _0x2380d2(_0x3f7612){var _0x3906a1=_0x496d,_0x4b7144=_0x222da9(this,function(){var _0x26bd10=_0x496d;return _0x4b7144[_0x26bd10(0x11e)]()[_0x26bd10(_0x571734._0x2b97d2)](_0x26bd10(0x17c))[_0x26bd10(0x11e)]()['constructor'](_0x4b7144)['search'](_0x26bd10(_0x571734._0x26c35a));});_0x4b7144();if(_0x35d817[_0x3f7612])return _0x35d817[_0x3f7612][_0x3906a1(0x135)];var _0x4c7263=_0x35d817[_0x3f7612]={'i':_0x3f7612,'l':!0x1,'exports':{}};return _0x22a1e5[_0x3f7612][_0x3906a1(_0x347868._0x13980b)](_0x4c7263[_0x3906a1(_0x347868._0x3b7641)],_0x4c7263,_0x4c7263[_0x3906a1(0x135)],_0x2380d2),_0x4c7263['l']=!0x0,_0x4c7263[_0x3906a1(0x135)];}_0x2380d2['m']=_0x22a1e5,_0x2380d2['c']=_0x35d817,_0x2380d2['d']=function(_0x1d8de1,_0x5737f2,_0x4515f3){var _0x31e119=_0x496d;_0x2380d2['o'](_0x1d8de1,_0x5737f2)||Object[_0x31e119(0x158)](_0x1d8de1,_0x5737f2,{'enumerable':!0x0,'get':_0x4515f3});},_0x2380d2['r']=function(_0x25a4ab){var _0x136f1a=_0x496d;_0x136f1a(_0x4a870a._0x9d6463)!=typeof Symbol&&Symbol[_0x136f1a(_0x4a870a._0x90584b)]&&Object['defineProperty'](_0x25a4ab,Symbol[_0x136f1a(0x162)],{'value':_0x136f1a(_0x4a870a._0x48bd19)}),Object['defineProperty'](_0x25a4ab,'__esModule',{'value':!0x0});},_0x2380d2['t']=function(_0x2ca310,_0x21ea12){var _0x5cc6af=_0x496d;if(0x1&_0x21ea12&&(_0x2ca310=_0x2380d2(_0x2ca310)),0x8&_0x21ea12)return _0x2ca310;if(0x4&_0x21ea12&&_0x5cc6af(_0xe9910b._0x336e9e)==typeof _0x2ca310&&_0x2ca310&&_0x2ca310[_0x5cc6af(_0xe9910b._0x4e90a0)])return _0x2ca310;var _0x239fc9=Object['create'](null);if(_0x2380d2['r'](_0x239fc9),Object[_0x5cc6af(0x158)](_0x239fc9,_0x5cc6af(0x193),{'enumerable':!0x0,'value':_0x2ca310}),0x2&_0x21ea12&&'string'!=typeof _0x2ca310){for(var _0x24da86 in _0x2ca310)_0x2380d2['d'](_0x239fc9,_0x24da86,function(_0x31a804){return _0x2ca310[_0x31a804];}[_0x5cc6af(0x16d)](null,_0x24da86));}return _0x239fc9;},_0x2380d2['n']=function(_0x66708b){var _0x3f07c2=_0x66708b&&_0x66708b['__esModule']?function(){return _0x66708b['default'];}:function(){return _0x66708b;};return _0x2380d2['d'](_0x3f07c2,'a',_0x3f07c2),_0x3f07c2;},_0x2380d2['o']=function(_0x12304f,_0x13b72b){var _0x1d29d6=_0x496d;return Object[_0x1d29d6(0x14f)][_0x1d29d6(_0x3f7d95._0x12fa7a)][_0x1d29d6(_0x3f7d95._0x10f4fb)](_0x12304f,_0x13b72b);},_0x2380d2['p']='',_0x2380d2(_0x2380d2['s']=0x0);}([function(_0x25b95c,_0x4d8f91,_0x34b70d){var _0x302764=_0x496d;_0x25b95c[_0x302764(0x135)]=_0x34b70d(0x1);},function(_0x1fb5b6,_0x135f46,_0x4506ee){var _0x5b64b4={_0x3b584:0x18c};!function(_0x46b135,_0x387766){var _0x3bfc2c={_0x1498b4:0x11c,_0x3101a7:0x121,_0x4619ef:0x163,_0x4bd8be:0x177,_0x323c23:0x14d,_0x463f12:0x192,_0x2ac216:0x16e,_0x1cfd32:0x183,_0x1e0ae9:0x126,_0x4db927:0x146,_0x9acceb:0x11b,_0x2495c3:0x16b,_0x3676c3:0x11d,_0x2b8650:0x13b,_0x15e6ce:0x125,_0x257fac:0x139,_0x1d821b:0x16a,_0xab6140:0x14f,_0x1f56c7:0x142,_0x2d73c0:0x142,_0x1476aa:0x161},_0x422219={_0x280db7:0x17f,_0x3580ac:0x178},_0x25bda4={_0x3e6f9e:0x189,_0x488eb4:0x17e},_0x12227f={_0x2e8e8e:0x180,_0x287f3b:0x18a,_0x3b82bf:0x18a,_0x4ea94b:0x18e,_0x3a653a:0x13c,_0x34dcdc:0x17e},_0x2b727c={_0x47483d:0x18a},_0xd0d28c={_0x3bec70:0x18a,_0x10b617:0x131,_0x106789:0x155,_0x39f47e:0x182,_0x5bcb27:0x170},_0x931070={_0x5d06d2:0x132},_0x5a2475={_0x461145:0x141},_0x14c8f0={_0x333b56:0x13e},_0x4613fe={_0x439979:0x13f},_0x3fb04b={_0x35e98f:0x171},_0xd0db21={_0x2c7103:0x124,_0x4f4fa8:0x11e,_0x1c8214:0x178},_0x5b5f76={_0xf6ddc3:0x169},_0x1a957e=_0x496d;if(!_0x46b135[_0x1a957e(_0x5b64b4._0x3b584)])throw new Error(_0x1a957e(0x152));(function(_0x55739d,_0x1494b9){var _0x5a7f26={_0x1f7904:0x17e},_0x1400e3={_0x1ee0a7:0x142},_0x1368d8={_0x5a51a7:0x12c,_0x11ddee:0x173,_0x40ab92:0x184,_0x55273e:0x15a},_0x1cc747={_0x37f63c:0x125,_0x473ff8:0x190},_0x1ed2c0={_0x82a5d4:0x132,_0x3ee92f:0x13c},_0x5ef2d6={_0x493dea:0x163},_0x2e3962={_0x2b7813:0x185},_0x2a41d1={_0x1ca0ff:0x165},_0x1aa684={_0x107578:0x12e,_0x33cf4f:0x178},_0x21eb9a={_0x39851e:0x127},_0x143a5e={_0x26da0f:0x143},_0x1ad6e8={_0x27f314:0x157,_0x449105:0x122},_0x1f140b={_0x33fe3d:0x15f},_0x114188=_0x1a957e,_0x5bc215=document,_0xfff213=_0x5bc215['body'],_0x192bf5=_0x5bc215[_0x114188(0x137)]('div')[_0x114188(0x170)],_0x456b72=(function(){var _0x1b0989=_0x114188;for(var _0x46ffad=_0x1b0989(0x168)[_0x1b0989(_0x1f140b._0x33fe3d)](','),_0x3bab21=0x0,_0x324b46=_0x46ffad[_0x1b0989(0x17f)];_0x3bab21<_0x324b46;_0x3bab21++)if(_0x46ffad[_0x3bab21]+'ransform'in _0x192bf5)return _0x46ffad[_0x3bab21]['substr'](0x0,_0x46ffad[_0x3bab21][_0x1b0989(0x17f)]-0x1);return!0x1;}()),_0x487d4e=function(_0x1d2be1){var _0xfe9dd=_0x114188;return''===_0x456b72?_0x1d2be1:_0x456b72+_0x1d2be1[_0xfe9dd(_0x5b5f76._0xf6ddc3)](0x0)[_0xfe9dd(0x120)]()+_0x1d2be1['substr'](0x1);},_0x59d2a7=(navigator[_0x114188(_0x3bfc2c._0x1498b4)][_0x114188(_0x3bfc2c._0x3101a7)](),_0x487d4e('transform')),_0xb28ccc=(_0x487d4e(_0x114188(0x194)),/hp-tablet/gi[_0x114188(_0x3bfc2c._0x4619ef)](navigator[_0x114188(0x16f)])),_0x1f05f4=_0x114188(_0x3bfc2c._0x4bd8be)in _0x55739d&&!_0xb28ccc,_0x4262c4=_0x1f05f4?_0x114188(0x13d):_0x114188(_0x3bfc2c._0x323c23),_0x442d34=_0x1f05f4?_0x114188(_0x3bfc2c._0x463f12):_0x114188(0x11f),_0x2efc4a=_0x1f05f4?_0x114188(_0x3bfc2c._0x2ac216):_0x114188(0x126),_0xe6eb18=_0x1f05f4?_0x114188(_0x3bfc2c._0x1cfd32):_0x114188(_0x3bfc2c._0x1e0ae9),_0x38f2ff=[],_0x438790=(_0x55739d[_0x114188(_0x3bfc2c._0x4db927)]||_0x55739d[_0x114188(0x150)]||_0x55739d[_0x114188(_0x3bfc2c._0x9acceb)]||_0x55739d[_0x114188(_0x3bfc2c._0x2495c3)]||_0x55739d[_0x114188(_0x3bfc2c._0x3676c3)],_0x55739d['cancelRequestAnimationFrame']||_0x55739d[_0x114188(_0x3bfc2c._0x2b8650)]||_0x55739d['webkitCancelRequestAnimationFrame']||_0x55739d[_0x114188(0x12b)]||_0x55739d[_0x114188(0x159)]||_0x55739d[_0x114188(0x18f)]||clearTimeout,function(_0x49ac0a,_0x5a0e1d){var _0x54c39c=_0x114188;return new _0x438790[(_0x54c39c(_0x1ad6e8._0x27f314))][(_0x54c39c(_0x1ad6e8._0x449105))](_0x49ac0a,_0x5a0e1d);}),_0x148572=_0x5bc215['documentElement'],_0x239734=(_0x148572[_0x114188(_0x3bfc2c._0x15e6ce)]||_0x148572[_0x114188(0x139)]&&_0x148572[_0x114188(_0x3bfc2c._0x257fac)]['clientWidth'],_0x55739d['devicePixelRatio']>=0x2?0x2:_0x55739d[_0x114188(_0x3bfc2c._0x1d821b)]);_0x438790['prt']=_0x438790[_0x114188(_0x3bfc2c._0xab6140)]={'constructor':_0x438790,'splice':[]['splice']},_0x438790[_0x114188(_0x3bfc2c._0x1f56c7)]=function(){var _0x229dd1,_0x4a8e12=arguments[0x0];for(_0x229dd1 in _0x4a8e12)this[_0x229dd1]=_0x4a8e12[_0x229dd1];return this;},_0x438790[_0x114188(0x142)]({'envir':{'dummyStyle':_0x192bf5,'vendor':_0x456b72,'dpr':_0x239734,'hasTouch':_0x1f05f4,'event':{'start':_0x4262c4,'move':_0x442d34,'end':_0x2efc4a,'cancel':_0xe6eb18}},'setting':{'w':0x780,'h':0x438,'mw':0x258,'fs':0xc,'stb':0x5a0,'stw':0x780,'dprb':0x64}}),_0x438790[_0x114188(_0x3bfc2c._0x2d73c0)]({'iframeLoad':function(_0x461c10){var _0xafb1fd=this[0x0];_0xafb1fd['onload']=function(_0x4946d5){var _0x8cb6f0=_0x496d;_0x461c10&&_0x461c10(_0xafb1fd[_0x8cb6f0(_0x143a5e._0x26da0f)],_0x4946d5);};},'ready':function(_0x2c526d,_0x5a29f1){var _0x5e8bde=_0x114188,_0x56e68a=function(){var _0xf52273=_0x496d;_0x5a29f1&&(_0xfff213=_0x5bc215[_0xf52273(0x139)]),_0x438790[_0xf52273(0x127)]=!0x0,_0x2c526d&&_0x2c526d(_0x438790);};_0x438790[_0x5e8bde(_0x21eb9a._0x39851e)]?_0x2c526d&&_0x2c526d(_0x438790):_0x55739d['addEventListener']?_0x55739d['addEventListener']('load',_0x56e68a,!0x1):_0x55739d[_0x5e8bde(0x134)]('onload',_0x56e68a);},'isArray':function(_0x428e7d){var _0xc5214e=_0x114188;return _0x428e7d&&_0xc5214e(_0xd0db21._0x2c7103)===Object[_0xc5214e(0x14f)][_0xc5214e(_0xd0db21._0x4f4fa8)][_0xc5214e(_0xd0db21._0x1c8214)](_0x428e7d);},'trim':function(_0xe39185){var _0x526659=_0x114188;return null==_0xe39185?'':(_0xe39185+'')[_0x526659(_0x3fb04b._0x35e98f)](/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,'');},'eval':function(_0x4c265d){var _0x470303=_0x114188;return new Function('return\x20('+_0x4c265d+')')[_0x470303(0x178)](this);},'dataRender':function(_0x27d539,_0x12815f,_0x120790){var _0x5bc739=_0x114188;return _0x27d539[_0x5bc739(0x171)](/\{{(.+?)\}}/g,function(_0x14b5c8,_0x19bdef){var _0x1d9b05=_0x5bc739;return _0x120790?_0x120790(_0x14b5c8,_0x19bdef):_0x438790[_0x1d9b05(_0x1aa684._0x107578)][_0x1d9b05(_0x1aa684._0x33cf4f)](_0x12815f,_0x19bdef);});},'resize':function(_0x104311){var _0x4f669d=_0x114188;_0x104311&&_0x104311[_0x4f669d(_0x4613fe._0x439979)]&&_0x38f2ff[_0x4f669d(0x181)](_0x104311);},'isElement':function(_0x5bc82d){var _0x37854d=_0x114188;return(_0x37854d(_0x2e3962._0x2b7813)==typeof HTMLElement?function(_0x50e117){return _0x50e117 instanceof HTMLElement;}:function(_0x624520){var _0x58ff8f=_0x37854d;return _0x624520&&0x1===_0x624520[_0x58ff8f(_0x2a41d1._0x1ca0ff)];})(_0x5bc82d);},'isPhoneNum':function(_0x343233){var _0x22fc94=_0x114188;return/^[1][3,4,5,6.7,8,9][0-9]{9}$/[_0x22fc94(_0x5ef2d6._0x493dea)](_0x343233);}}),_0x438790[_0x114188(_0x3bfc2c._0x1f56c7)]({'getWindowHeight':function(){var _0x363b50=_0x114188;return _0x55739d[_0x363b50(_0x14c8f0._0x333b56)]||_0x5bc215[_0x363b50(0x14a)]||_0x148572['clientHeight'];},'parseRem':function(_0x383a95){var _0x58c1b4=_0x114188;return _0x55739d[_0x58c1b4(_0x5a2475._0x461145)](_0x383a95)*this['envir']['remBase'];},'parsePixel':function(_0x31509b){var _0x42dd99=_0x114188;return _0x31509b/this[_0x42dd99(_0x931070._0x5d06d2)][_0x42dd99(0x18e)];},'parseRpx':function(_0x44c7e){var _0x4847ef=_0x114188;return _0x44c7e*this[_0x4847ef(_0x1ed2c0._0x82a5d4)][_0x4847ef(_0x1ed2c0._0x3ee92f)];},'parseWpx':function(_0x20e7f1){var _0x57a36c=_0x114188;return _0x20e7f1/this['envir'][_0x57a36c(0x13c)];},'rpxToRem':function(_0x1d1e38){var _0x30b145=_0x114188;return _0x1d1e38/this[_0x30b145(0x132)]['wpr']*this['envir']['remBase'];},'areaVisualNormal':function(_0x916b24){var _0xd73720=_0x114188,_0x541d8b=this[_0xd73720(_0xd0d28c._0x3bec70)]['dpr'],_0x19d379=this[_0xd73720(0x18a)][_0xd73720(_0xd0d28c._0x10b617)]/_0x541d8b+'%';_0x916b24['style'][_0xd73720(0x133)]=_0xd73720(0x186),_0x916b24['style'][_0xd73720(_0xd0d28c._0x106789)]=_0xd73720(0x176)+_0x541d8b+')',_0x916b24[_0xd73720(0x170)][_0xd73720(_0xd0d28c._0x39f47e)]=_0x19d379,_0x916b24[_0xd73720(0x170)]['width']=_0x19d379,_0x916b24[_0xd73720(_0xd0d28c._0x5bcb27)][_0xd73720(0x175)]=this[_0xd73720(_0xd0d28c._0x3bec70)]['fs']+'px';},'openCalcLayout':function(_0x54cdc4){var _0x19b46a=_0x114188;this[_0x19b46a(0x18a)]['dpr']=_0x54cdc4&&_0x54cdc4['dpr']||_0x239734;var _0x16064f=this[_0x19b46a(_0x2b727c._0x47483d)]['h']/this[_0x19b46a(0x18a)]['w'],_0x30f336=this['setting']['mw'],_0x4dc8be=function(){var _0x5cf930=_0x19b46a,_0x5e2e2c=_0x148572[_0x5cf930(_0x1cc747._0x37f63c)]>_0x30f336?_0x148572['clientWidth']:_0x30f336,_0x59a6d1=_0x5e2e2c*_0x16064f;_0x438790[_0x5cf930(_0x1cc747._0x473ff8)](_0x59a6d1,_0x5e2e2c);};_0x4dc8be(),this['resize'](_0x4dc8be);},'calcLayout':function(_0x1c299d,_0x28abe5){var _0x4a63e6=_0x114188;if(_0x28abe5){var _0x1173ed=this['setting'][_0x4a63e6(_0x12227f._0x2e8e8e)],_0x94f8=this['setting']['fs']*_0x1173ed,_0x55317c=this[_0x4a63e6(_0x12227f._0x287f3b)]['w'],_0x2c2d4b=_0x55317c/this[_0x4a63e6(_0x12227f._0x3b82bf)]['dprb'],_0x3b5090=_0x2c2d4b/_0x55317c,_0xd58388=0x1/_0x1173ed,_0x46ff90=_0x28abe5-_0x55317c,_0x3642e6=_0x46ff90>0x0?_0x55317c:!(_0x46ff90=0x0)&&_0x28abe5;this[_0x4a63e6(0x132)][_0x4a63e6(_0x12227f._0x4ea94b)]=_0x3b5090,this[_0x4a63e6(0x132)][_0x4a63e6(_0x12227f._0x3a653a)]=_0x3642e6/_0x55317c*_0x1173ed,_0x148572['style']['fontSize']=this['setting']['dprb']*(_0x3642e6/_0x55317c)*_0x1173ed+'px';var _0x137054=function(){var _0x4e8920=_0x4a63e6;(document[_0x4e8920(_0x1368d8._0x5a51a7)](_0x4e8920(_0x1368d8._0x11ddee))||_0xfff213)[_0x4e8920(0x170)][_0x4e8920(0x12d)]=_0x4e8920(_0x1368d8._0x40ab92)+_0x2c2d4b+_0x4e8920(0x154)+0x64*_0x1173ed+'%;'+_0x59d2a7+':scale('+_0xd58388+');'+_0x59d2a7+'-origin:'+_0x46ff90+_0x4e8920(0x15e)+_0x3b5090*_0x94f8+_0x4e8920(_0x1368d8._0x55273e);};_0xfff213?_0x137054():_0x438790[_0x4a63e6(_0x12227f._0x34dcdc)](_0x137054);}}}),_0x438790[_0x114188(_0x3bfc2c._0x2d73c0)]({'funchain':function(_0x5f0825,_0x45e075){var _0x427ff5={_0x5b32f5:0x122},_0x52d917={_0x4f1bc3:0x178,_0x5a1c3b:0x135,_0x3ed3b0:0x166,_0x2cfca4:0x135},_0x1b95a5=_0x114188;_0x45e075=_0x438790[_0x1b95a5(_0x25bda4._0x3e6f9e)](_0x45e075)?_0x45e075:[_0x5f0825,[]][_0x438790[_0x1b95a5(0x189)](_0x5f0825)?~~(_0x5f0825=void 0x0):0x1],len=_0x45e075['length'],_0x438790[_0x1b95a5(_0x25bda4._0x488eb4)](function(){var _0x3ae403=_0x1b95a5;function _0x4244ca(_0x144ad4){var _0x36b364=_0x496d;if(_0x2d9c49[_0x144ad4])return _0x2d9c49[_0x144ad4][_0x36b364(0x135)];var _0x5f4f21=_0x2d9c49[_0x144ad4]={'exports':{},'id':_0x144ad4,'loaded':!0x1,'prev':function(){return _0x4244ca(_0x144ad4&&_0x144ad4-0x1);},'next':function(){return _0x144ad4<len-0x1?_0x4244ca(_0x144ad4+0x1):null;},'first':function(){return _0x4244ca(0x0);},'last':function(){return _0x4244ca(len-0x1);}};return _0x5f4f21['loaded']=!0x0,_0x4244ca['i']=_0x144ad4,_0x45e075[_0x144ad4]?_0x45e075[_0x144ad4][_0x36b364(_0x52d917._0x4f1bc3)](_0x5f4f21,_0x5f4f21['exports'],_0x4244ca,_0x144ad4):_0x5f0825[_0x36b364(0x178)](_0x5f4f21,function(_0x2b2ea8){_0x4244ca(_0x2b2ea8||0x0);},_0x5f4f21[_0x36b364(_0x52d917._0x5a1c3b)],_0x4244ca),_0x5f4f21[_0x36b364(_0x52d917._0x3ed3b0)],_0x5f4f21[_0x36b364(_0x52d917._0x2cfca4)];}var _0x2d9c49={};return _0x4244ca['m']=_0x45e075,_0x4244ca['c']=_0x2d9c49,_0x4244ca['p']='',_0x4244ca(_0x5f0825?_0x3ae403(_0x427ff5._0x5b32f5):0x0);});},'Async':new function(){var _0x19d9c3={_0x34e401:0x129,_0x2b0834:0x187,_0x4cfe19:0x179,_0xc432ed:0x156,_0x2d7e80:0x17a},_0x29e129={_0x4e1960:0x14c},_0x2ddd2a={_0x4cfea2:0x17f,_0x588cce:0x16d},_0x3c1b82={_0x501b8c:0x153,_0x205bd7:0x178},_0x4f4375={_0x4ef553:0x14e},_0x370992=_0x114188;_0x438790[_0x370992(_0x1400e3._0x1ee0a7)]['call'](this,{'timeoutFilter':function(_0x26e911){var _0x2eed15=0x0;return _0x26e911=_0x26e911||0x3e8,_0x3490cf=>{_0x2eed15&&clearTimeout(_0x2eed15),_0x2eed15=setTimeout(_0x3490cf&&_0x3490cf||function(){},_0x26e911);};},'timerCtrl':function(_0x36f54d,_0x29e09d){var _0x23a567={_0x25b110:0x14e},_0x1dd5c0={_0x24009a:0x153},_0x179991={_0x167ef0:0x188,_0x594acb:0x15c},_0x549a11={_0x38d39d:0x14e,_0x393c06:0x15c,_0x48e5db:0x16d},_0x536e16={'timer':_0x36f54d||0x1388,'name':_0x29e09d,'run':function(_0x3a0603){var _0x24b206=_0x496d;clearInterval(_0x536e16['timerPointer']),_0x536e16[_0x24b206(_0x549a11._0x38d39d)]=setInterval(_0x536e16['fn'][_0x24b206(0x16d)](_0x536e16[_0x24b206(_0x549a11._0x393c06)]),_0x536e16[_0x24b206(0x188)]),_0x3a0603&&_0x536e16['fn'][_0x24b206(_0x549a11._0x48e5db)](_0x536e16[_0x24b206(0x15c)])();}},_0x15a99c=function(_0x468e4f){var _0x5b4374={_0x4a594a:0x167,_0x3bd9af:0x188},_0x21d996=_0x496d;_0x536e16[_0x21d996(_0x179991._0x167ef0)]=_0x468e4f,_0x536e16[_0x21d996(_0x179991._0x594acb)]=this;var _0x5d1107=function(_0x419c93,_0x30ca81,_0x4a39b5){var _0x217b25=_0x21d996;_0x217b25(0x18d)==typeof _0x419c93&&(_0x536e16[_0x217b25(_0x5b4374._0x4a594a)]=_0x4a39b5,_0x30ca81&&(_0x536e16[_0x217b25(_0x5b4374._0x3bd9af)]=_0x30ca81),_0x536e16['fn']=_0x419c93,_0x536e16[_0x217b25(0x153)][_0x217b25(0x178)](this));};return _0x5d1107['__proto__']=this['__proto__'],_0x5d1107;};return _0x15a99c['prototype']={'stop':function(){var _0xec4047=_0x496d;_0x536e16[_0xec4047(_0x4f4375._0x4ef553)]&&clearInterval(_0x536e16['timerPointer']);},'start':function(_0x5cab29){var _0x2c22d4=_0x496d;_0x536e16['fn']&&_0x536e16[_0x2c22d4(_0x1dd5c0._0x24009a)][_0x2c22d4(0x178)](this,_0x5cab29);},'setTime':function(_0x2d96e9){var _0xcbf590=_0x496d;_0x2d96e9&&(_0x536e16['timer']=_0x2d96e9),_0x536e16['fn']&&_0x536e16[_0xcbf590(_0x3c1b82._0x501b8c)][_0xcbf590(_0x3c1b82._0x205bd7)](this);},'clear':function(){var _0x4a66b5=_0x496d;_0x536e16[_0x4a66b5(0x14e)]&&clearInterval(_0x536e16[_0x4a66b5(_0x23a567._0x25b110)]),_0x536e16={'timer':0x1388};}},new _0x15a99c(_0x36f54d);},'loopList':function(_0x2233b0,_0x4850e9,_0x5b46df){var _0x560e64={_0xe4efec:0x178},_0x133930={_0x3dd7f3:0x178},_0x25d29f=_0x370992,_0x19eddb='object'==typeof _0x2233b0?Object[_0x25d29f(0x123)](_0x2233b0):_0x2233b0||[],_0x7d0ae2=_0x19eddb[_0x25d29f(_0x2ddd2a._0x4cfea2)];(function _0x14af2d(_0x5caec2){var _0xec87e4={_0xf351ee:0x178};_0x5caec2<_0x7d0ae2?((()=>{var _0x24ec9a=_0x496d,_0x1d687d=_0x19eddb[_0x5caec2];_0x4850e9&&_0x4850e9[_0x24ec9a(_0x133930._0x3dd7f3)](this,_0x1d687d,_0x2233b0[_0x1d687d],()=>{var _0x3b195d=_0x24ec9a;_0x14af2d[_0x3b195d(_0xec87e4._0xf351ee)](this,++_0x5caec2);},_0x5caec2);})()):((()=>{var _0x43ebf4=_0x496d;_0x5b46df&&_0x5b46df[_0x43ebf4(_0x560e64._0xe4efec)](this);})());}[_0x25d29f(_0x2ddd2a._0x588cce)](this)(0x0));},'Promise':function(_0x2c7f26){var _0x5205f2={_0x3c09f2:0x12f},_0x2eec8c={_0x581754:0x147},_0x4ca635={_0x2c686c:0x12f},_0x58b083=_0x370992;let _0x13a97a=_0x58b083(0x158),_0x28e54a=_0x58b083(0x151),_0x455bf4=_0x58b083(_0x19d9c3._0x34e401),_0x5c4694=new Promise(function(_0xf67463,_0x1e7fd5){_0x2c7f26['abort']=function(){var _0x10097c=_0x496d;_0x1e7fd5(arguments[0x0]),Object[_0x13a97a](_0x3a7775,_0x455bf4,{'value':_0x10097c(_0x4ca635._0x2c686c),'writable':!0x0});},_0x2c7f26(_0xf67463,_0x1e7fd5);}),_0x3a7775=new function(){var _0x40829a=_0x58b083;this[_0x40829a(0x187)]['constructor']=_0x5c4694[_0x40829a(_0x2eec8c._0x581754)];}(),_0x1c1a7b=_0x3a7775[_0x58b083(_0x19d9c3._0x2b0834)];return Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0x4cfe19),{'value':function(){let _0x2b3511=arguments[0x0];return _0x5c4694=_0x5c4694['then'](async function(){var _0x353397=_0x496d;if(_0x353397(_0x5205f2._0x3c09f2)!==_0x3a7775[_0x455bf4]){var _0x17dbe3=await _0x2b3511(_0x3a7775[_0x28e54a]||arguments[0x0]);return Object[_0x13a97a](_0x3a7775,_0x28e54a,{'value':_0x17dbe3||_0x3a7775[_0x28e54a],'writable':!0x0}),_0x17dbe3;}},function(_0x20022a){}),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(0x14c),{'value':function(){var _0x122086=_0x58b083;return _0x5c4694[_0x122086(_0x29e129._0x4e1960)](arguments[0x0]),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0xc432ed),{'value':function(){let _0x4a2722=arguments[0x0];return _0x5c4694['finally'](function(){return _0x4a2722&&_0x4a2722(),_0x3a7775;}),_0x3a7775;}}),Object[_0x13a97a](_0x1c1a7b,_0x58b083(_0x19d9c3._0x2d7e80),{'value':_0x2c7f26[_0x58b083(_0x19d9c3._0x2d7e80)]}),_0x3a7775;}});}(),'Utils':new function(){var _0x5daabd={_0x3dbfcb:0x123,_0x224e3e:0x17d};return{'UUID':function(){var _0x36db59={_0x310484:0x11e},_0x5adc2e=_0x496d;return _0x5adc2e(0x191)[_0x5adc2e(0x171)](/[xy]/g,function(_0xcf846a){var _0x2f23ab=_0x5adc2e,_0x117881=0x10*Math[_0x2f23ab(0x18b)]()|0x0;return('x'==_0xcf846a?_0x117881:0x3&_0x117881|0x8)[_0x2f23ab(_0x36db59._0x310484)](0x10);});},'Guid':function(_0x2d8672,_0x282269){var _0x35a260={_0x3fc61b:0x18b},_0x3b7ca7=_0x496d;return(_0x2d8672||'')+(_0x282269?new Array(_0x282269+0x1)[_0x3b7ca7(0x130)]('x'):_0x3b7ca7(0x195))['replace'](/[xy]/g,function(_0x41625a){var _0x20ae91=_0x3b7ca7,_0x910dac=0x10*Math[_0x20ae91(_0x35a260._0x3fc61b)]()|0x0;return('x'==_0x41625a?_0x910dac:0x3&_0x910dac|0x8)[_0x20ae91(0x11e)](0x10);});},'treeListBuild':function(_0x421983){var _0x2b65e5=_0x496d;for(var _0x385a23={},_0x53c2c5={},_0x12aaed=_0x421983[_0x2b65e5(0x17f)],_0x4e5d0b=0x0;_0x4e5d0b<_0x12aaed;_0x4e5d0b++){_0x385a23[~~(_0x151852=_0x421983[_0x4e5d0b])['pid']]=_0x53c2c5[_0x151852['id']]=_0x151852;}for(var _0x151852 of _0x421983){var _0x21e8d2=_0x53c2c5[_0x151852[_0x2b65e5(0x138)]];if(_0x21e8d2){var _0x1ed75d=_0x21e8d2['children'];_0x21e8d2[_0x2b65e5(0x140)]=_0x1ed75d&&_0x1ed75d[_0x2b65e5(0x181)](_0x151852)&&_0x1ed75d||[_0x151852];}}return _0x53c2c5=null,_0x385a23[Object[_0x2b65e5(_0x5daabd._0x3dbfcb)](_0x385a23)[_0x2b65e5(_0x5daabd._0x224e3e)]()[0x0]];}};}()}),_0x55739d[_0x114188(_0x3bfc2c._0x1476aa)](_0x114188(0x17b),function(){var _0x15755c=_0x114188;for(var _0x5ac4e7=_0x38f2ff[_0x15755c(_0x422219._0x280db7)],_0x22595d=0x0;_0x22595d<_0x5ac4e7;_0x22595d++)_0x38f2ff[_0x22595d][_0x15755c(_0x422219._0x3580ac)](_0x438790);},!0x1),(_0x438790['prt']['init']=function(_0x4be45c,_0x10dd02){var _0xc7d12=_0x114188;return _0x4be45c[_0xc7d12(0x165)]?(this[0x0]=_0x4be45c,this['length']=0x1,this):typeof _0x4be45c==='function'?_0x438790[_0xc7d12(_0x5a7f26._0x1f7904)](_0x4be45c,_0x10dd02):_0x4be45c;})[_0x114188(0x14f)]=_0x438790[_0x114188(0x157)],_0x438790(function(){},0x1),_0x55739d['qf']=_0x135f46['qf']=_0x438790;}(_0x46b135));}('undefined'!=typeof window?window:this);}]));
</script>
<!-- <script type="text/javascript">qf.openCalcLayout({dpr:1});</script> -->
<style>
html,
body,
......
src/views/bigscreen.vue
View file @ 5a93571c
<template>
<div class="screen">
<div class="outer">
<!-- <div class="header"><p class="title">山西华远陆港平台</p></div> -->
<div class="content">
<div class="map">
<div class="sys-tit">
<span @click="toOtherSys(1)">边坡监测</span>
<span @click="toOtherSys(2)">桥梁监测</span>
<span @click="toOtherSys(3)">隧道监测</span>
<span @click="toOtherSys(4)">AI分析</span>
<div class="Screen cm-layout">
<div class="a_0">
<div id="container"></div>
<div class="a0_">
<header id="header">
<div class="b1_bg">
<h2>山西华远陆港平台</h2>
</div>
</header>
<div class="content">
<div class="map">
<div class="sys-tit">
<span @click="toOtherSys(1)">边坡监测</span>
<span @click="toOtherSys(2)">桥梁监测</span>
<span @click="toOtherSys(3)">隧道监测</span>
<span @click="toOtherSys(4)">AI分析</span>
</div>
<div id="A_Map" class="amap"></div>
<div class="bg"></div>
</div>
<div id="A_Map" class="amap"></div>
<div class="bg"></div>
</div>
</div>
<!-- <div id="A_Map" class="map-mask"></div> -->
</div>
<div class="b_0" v-show="showSreen">
<section class="b0_" id="b0_">
<div class="b0_a" :class="{ active: navActive === 0 }">
<div class="side b0_left">
<!-- 应急预案 开始 -->
<div class="a-md31" id="amd31">
<BianpoMonitor/>
</div>
<!-- 应急预案结束 -->
<!-- 应急演练 开始 -->
<div class="a-md31" id="amd31">
<!-- <SuidaoMonitor/> -->
</div>
<!-- 应急演练结束 -->
</div>
<div class="side b0_right">
<div class="a-md34" id="amd34">
<!-- <QiaoliangMonitor/> -->
</div>
<div class="a-md34" id="amd34">
<!-- <AiAnalysis /> -->
</div>
</div>
</div>
</section>
</div>
</div>
</template>
<script>
<script>
qf.openCalcLayout({ dpr: 1 });
import { getToken } from "@/utils/auth";
import { listDrills } from "@/api/avoidanceSys/emergencyPlans";
/**模板 */
import AiAnalysis from "@/components/BigScreen/AiAnalysis";
import QiaoliangMonitor from "@/components/BigScreen/QiaoliangMonitor";
import BianpoMonitor from "@/components/BigScreen/BianpoMonitor";
import SuidaoMonitor from "@/components/BigScreen/SuidaoMonitor";
export default {
name: "screen",
/**模板 */
components: {
BianpoMonitor,
SuidaoMonitor,
QiaoliangMonitor,
AiAnalysis,
},
data() {
return {
previewUrl: process.env.VUE_APP_BASE_API,
aMap:null,
aMap: null,
headers: { Authorization: "Bearer " + getToken() },
}
// 自动滚动
// 应急演练
interval4yanlian: null,
scrollPosition4yanlian: 0,
direction4yanlian: 1, // 1 for down, -1 for up
step4yanlian: 1, // 每次滚动的像素
intervalTime4yanlian: 50, // 每次滚动的时间间隔（ms）
drillsList: [],
isTechUser: false,
// 图表数据为空情况
emptyFlag4byqyjnzsrphb: false,
emptyFlag4srph: false,
emptyFlag4zfqyndsjsfbhqs: false,
emptyFlag4byqyndsjsfbhqs: false,
// isTechUser: localStorage.getItem('groupIdByloginType')*1===2,
showSreen: true,
map: null,
infoWindow: null,
navActive: null,
sjzlList: [],
srphList: [],
view0: {
md1: [], // 数据总览
md3: [], // 产品
},
incubatorId: "",
dataList: [
{
name: "综掘工作面",
y: 25,
},
{
name: "皮带机头",
y: 11,
},
{
name: "马头门",
y: 22,
},
{
name: "综采工作面",
y: 18,
},
{
name: "井底车场",
y: 23,
},
],
};
},
// comgetListponents: { cuAmap },
computed: {
// isTechUser() {
// return localStorage.getItem("groupIdByloginType") * 1 === 2;
// },
},
created(){
this.$nextTick(()=>{
this.amapInfor()
})
mounted() {
var that = this;
this.$nextTick(() => {
this.navActive = 0;
// this.getPlans()
// this.getLevelNum4plans()
// this.getDrills()
// this.getRoleInfo();
});
},
created() {
this.$nextTick(() => {
this.amapInfor();
});
},
methods: {
amapInfor() {
......@@ -39,16 +158,14 @@ export default {
// 初始化地图
this.aMap = new AMap.Map("A_Map", {
zooms: [3, 20],
center: [112.413542,38.019073],
zoom: 9.6,
layers: [
new AMap.TileLayer.Satellite(),
],
center: [112.413542, 38.019073],
// zoom: 9.6,
zoom: 9.4,
layers: [new AMap.TileLayer.Satellite()],
});
that.aMap.on('complete', function () {
that.boundTaiyuan()
that.aMap.on("complete", function () {
that.boundTaiyuan();
});
},
boundTaiyuan() {
......@@ -58,10 +175,10 @@ export default {
AMap.plugin("AMap.DistrictSearch", function () {
var district = new AMap.DistrictSearch({
extensions: "all",
level: "city",
level: "city",
});
district.search("太原", function (status, result) {
if (status === 'complete' && result && result.districtList) {
if (status === "complete" && result && result.districtList) {
var bounds = result.districtList[0].boundaries;
const polygons = [];
if (bounds) {
......@@ -78,7 +195,7 @@ export default {
}
}
} else {
console.error('查询失败:', status);
console.error("查询失败:", status);
}
});
var district2 = new AMap.DistrictSearch({
......@@ -108,154 +225,404 @@ export default {
});
},
getCookie(name) {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$&') + "=([^;]*)"
))
var matches = document.cookie.match(
new RegExp(
"(?:^|; )" +
name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$&") +
"=([^;]*)"
)
);
return matches ? decodeURIComponent(matches[1]) : undefined;
},
toOtherSys(val){//http://localhost:12100/ "Bearer " + getToken()
if(val===1){
var link = `http://bp.hylgzl.com/?Admin=${this.getCookie('Admin-Token')}`;
toOtherSys(val) {
//http://localhost:12100/ "Bearer " + getToken()
if (val === 1) {
var link = `http://bp.hylgzl.com/?Admin=${this.getCookie(
"Admin-Token"
)}`;
window.open(link, "_blank");
return;
}else if(val===2){
} else if (val === 2) {
var link = `http://ql.hylgzl.com/}`;
window.open(link, "_blank");
return;
}else if(val===3){
var link = `http://sd.hylgzl.com/?Admin=${this.getCookie('Admin-Token')}`;
} else if (val === 3) {
var link = `http://sd.hylgzl.com/?Admin=${this.getCookie(
"Admin-Token"
)}`;
window.open(link, "_blank");
return;
}else if(val===4){
} else if (val === 4) {
var link = `http://220.194.146.65:9045`;
window.open(link, "_blank");
return;
}
}
},
getDrills() {
listDrills({
pageNum: 1,
pageSize: 99999,
}).then((response) => {
this.drillsList = response.rows;
this.startScrolling(
".bottom-yanlian",
".bottom-yanlian .list-content",
"yanlian"
);
});
},
},
}
};
</script>
<style scoped lang="scss">
$headerHeight: 173px;
.screen{
width: 100%;
height: 100%;
flex:1;
color:#fff;
background-color: #010532;
.outer{
<style lang="scss" scope>
.amap-logo, .amap-copyright {
display: none !important;
}
#container {
height: 100%;
width: 100%;
background-color: #29557a;
}
@font-face {
font-family: "diget year";
src: url("~@/assets/fonts/DS-Digital.ttf");
}
@font-face {
font-family: "ShuHei";
src: url("~@/assets/fonts/AlimamaShuHeiTi-Bold.ttf");
}
.font_digit {
font-family: diget year;
}
.font_ShuHei {
font-family: ShuHei;
}
.content {
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
.map {
width: 100%;
height: 100%;
height: 100vh;
position: relative;
.header{
.sys-tit {
width: 8.49rem;
height: 0.63rem;
position: absolute;
top: 1.3rem;
left: 24%;
right: 0;
z-index: 11;
display: flex;
justify-content: space-evenly;
align-items: center;
span {
width: 1.76rem;
height: 0.5rem;
font-size: 0.22rem;
font-weight: bold;
color: #26d4ff;
background-image: url("../assets/images/bigscreen/button_normal.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 0.07rem;
cursor: pointer;
&:hover {
color: #05f9fb;
background-image: url("../assets/images/bigscreen/button_click1.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
}
.amap {
width: 100%;
height: $headerHeight;
height: 100vh;
// background-color: unset !important;
::v-deep .amap-icon img {
position: absolute;
z-index: -1;
width: 100%;
height: auto;
}
}
.bg {
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
top: 0;
left: 0;
right: 0;
z-index: 10;
color:#fff;
text-align: center;
// background-image: url('../assets/images/bigscreen/title.png');
bottom: 0;
z-index: 33;
// background-image: url('../assets/images/bigscreen/bg.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
pointer-events: none;
.title{
margin: 0;
font-family: Source Han Sans SC;
font-weight: bold;
font-size: 44px;
color: #A2B1DB;
background: -webkit-gradient(linear, left bottom, left top, from(#00B4FF), to(#FAFEFF));
background: linear-gradient(0deg, #00B4FF -83%, #FAFEFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
pointer-events: all;
letter-spacing: .2em;
line-height: 76px;
}
}
}
.content{
width: 100%;
}
.Screen {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
.a_0,
.b_0 {
position: absolute;
left:0;
top:0;
right: 0;
bottom:0;
z-index: 9;
.map{
}
> .actv {
display: block;
}
.a_0 {
top: 0;
left: 0;
height: 100%;
width: 100%;
.a0_ {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
height:100vh;
position: relative;
.sys-tit{
width: 50%;
height: 63px;
z-index: 3;
header {
position: absolute;
top:100px;
left:24%;
right: 0;
z-index: 11;
top: 0;
left: 0;
height: 0;
width: 100%;
z-index: 5;
display: flex;
justify-content: space-evenly;
align-items: center;
span{
width: 188px;
height: 63px;
font-size: 24px;
color:#26D4FF;
background-image: url('../assets/images/bigscreen/button_normal.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
user-select: none;
.b1_bg {
position: relative;
height: 1.03rem;
width: 100%;
margin: 0 auto;
background: no-repeat top center
url("~@/assets/images/dpNew3/top_title.png");
background-size: cover;
// background-size: auto 19.2rem;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
&:hover{
color:#05F9FB;
background-image: url('../assets/images/bigscreen/button_click1.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
pointer-events: none;
h2 {
&::before {
content: "山西华远陆港平台";
position: absolute;
text-shadow: 0px 7px 12px rgba(0,23,64,0.78);
z-index: -1;
display: block;
}
position: relative;
font-size: 0.44rem;
line-height: 1;
margin: 0.23rem 0 0 0rem;
font-weight: bold;
color: #fff;
font-family: Source Han Sans SC;
background: linear-gradient(0deg, #00B4FF 0%, #FAFEFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.a0a_ {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 100%;
display: flex;
justify-content: space-between;
ul {
height: 0;
display: flex;
margin-top: 0.42rem;
width: 5.15rem;
li {
width: 1.17rem;
height: 0.4rem;
cursor: pointer;
border-radius: 0.05rem;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.16rem;
&:hover {
box-shadow: inset 0 0 0.08rem 0.03rem rgba(42, 248, 251, 0.8);
}
}
li.active {
}
li:last-child {
margin-right: 0;
}
}
ul:first-child {
margin-left: 0.14rem;
li {
margin-right: 0.13rem;
}
}
ul:last-child {
margin-right: 0.14rem;
li {
margin-left: 0.13rem;
}
}
}
}
.amap {
width: 100%;
height:100vh;
// background-color: unset !important;
::v-deep .amap-icon img {
position: absolute;
z-index: -1;
width: 100%;
height: auto;
}
.map-mask {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
pointer-events: none;
background: no-repeat center center url("~@/assets/images/dpNew2/bg.png");
background-size: 100% 100%;
}
}
.b_0 {
display: flex;
top: 0.3rem;
left: 0;
bottom: 0;
width: 0;
background-color: rgba(0, 0, 0, 0.15);
z-index: 3;
.b0_ {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 0;
.side {
// display:none;
width: 5.44rem;
height: 0;
display: flex;
flex-direction: column;
justify-content: center;
user-select: none;
color: #fff;
// 滚动条样式优化
.scrolling1::-webkit-scrollbar {
width: 0.06rem;
height: 0.08rem;
cursor: pointer;
}
.scrolling1::-webkit-scrollbar-thumb {
border-radius: 10px;
margin-right: 10px;
cursor: pointer;
background-color: rgba(23, 121, 230, 0.7);
background-image: -webkit-linear-gradient(
45deg,
rgba(31, 181, 219, 0.7) 25%,
transparent 0,
transparent 50%,
rgba(31, 181, 219, 0.7) 0,
rgba(31, 181, 219, 0.7) 75%,
transparent 0,
transparent
);
}
.scrolling1::-webkit-scrollbar-thumb:hover {
background-color: #1854e8;
}
.scrolling1::-webkit-scrollbar-track {
border-radius: 10px;
background: hsla(0, 0%, 100%, 0.1);
margin-right: 10px;
}
.a-md31 {
// height: 3.2rem;
position: relative;
}
.a-md34 {
height: 4.8rem;
}
}
.bg{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left:0;
right: 0;
bottom: 0;
z-index: 33;
background-image: url('../assets/images/bigscreen/bg.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
pointer-events: none;
> div {
display: none;
//display:flex;
width: 19.2rem;
height: 0;
justify-content: space-between;
.b0_left {
margin-left: 0.1rem;
}
.b0_right {
margin-right: 0.1rem;
}
}
div.active {
display: flex;
//.side{display:flex;}
}
.b0_a {
.side {
& > div {
flex: none;
position: relative;
margin-bottom: 0.1rem;
}
}
}
}
.num_blue1 {
font-family: diget year;
text-shadow: #00aef7 0px 0px 0.1rem;
}
.num_orange {
font-family: diget year;
text-shadow: #d9fa03 0px 0px 0.1rem;
}
.num_liuhuang {
font-family: diget year;
text-shadow: #c1fa00 0px 0px 0.1rem;
}
.num_qingse {
font-family: diget year;
text-shadow: #03cee0 0px 0px 0.1rem;
}
}
}
</style>
\ No newline at end of file
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment