| 1 |
- {"version":3,"file":"static/css/201.3df726bc.chunk.css","mappings":"AAAA,sBAEE,YADA,kBAEA,WCHF,kBAEE,YAIA,MAAK,CAFL,eACA,MAJA,UAKA,CAEE,0BACE,aAGF,6BAUE,mBANA,mFACA,0BAEA,CAJA,cAMA,aAFA,cACA,CANA,aAQA,sBAGF,CALE,iBACA,CARA,WAYF,+BAEE,sBAGF,CAHE,UAGF,4BAKE,WAGF,CANE,YACA,SACA,kBACA,CAGF,0CAOE,gBAEA,CANA,WACA,SACA,cAHA,iBACA,CAGA,0BACA,CAFA,wBACA,iBAGA,sCAME,WAJA,YACA,UACA,kBAEA,4CAGE,iEAEE,WAKN,sDAEE,YAEA,qDAKE,sBAEA,CAFA,eAHA,aACA,CACA,WACA,CAFA,WAIA,mDAGA,kEAGE,WAMR,kBAPQ,UAOR,uCAGE,mBADA,aACA,qBACA,uBACA,4CAOA,WAHE,cACA,gBAEF,CAJE,gBACA,CAFA,WAKF,6CAKE,sBAEF,CAHE,qBACA,CADA,oBACA,CAHA,WAKF,6CAME,sBACA,CAFA,qBACA,CADA,oBACA,CAHA,WAIA,wBAEF,CAPE,WAOF,6CAME,sBAGJ,CAJI,qBACA,CADA,oBACA,CAHA,WADA,WAOJ,yCACE,yBAGA,kEAMF,iBALI,uBAEA,YAGJ,yCACE","sources":["pages/A1home/index.module.scss","components/Pano/index.module.scss"],"sourcesContent":[".A1home {\n position: relative;\n height: 100%;\n width: 100%;\n :global {\n }\n}\n",".demo {\r\n width: 100%;\r\n height: 100%;\r\n\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n :global {\r\n .krpano {\r\n height: 100vh;\r\n }\r\n\r\n .A0hotspot {\r\n width: 368px;\r\n height: 100px;\r\n color: rgba(255, 233, 182, 1);\r\n background: url('../../assets/img/hotpot_bg.png') no-repeat center center;\r\n background-size: 100% 100%;\r\n font-size: 30px;\r\n padding-left: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .active-btn {\r\n color: white;\r\n background-color: coral;\r\n }\r\n\r\n .toolbar {\r\n display: flex;\r\n gap: 10px;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .scene-panel {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n padding: 10px;\r\n user-select: none;\r\n transform: translateX(-50%);\r\n background: rgba(0, 0, 0, 0.4);\r\n\r\n &__menu {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 10px;\r\n color: white;\r\n\r\n &__item {\r\n cursor: pointer;\r\n\r\n &.active {\r\n color: coral;\r\n font-weight: bold;\r\n }\r\n }\r\n }\r\n\r\n &__list {\r\n display: flex;\r\n gap: 10px;\r\n\r\n &__item {\r\n flex-shrink: 0;\r\n width: 150px;\r\n height: 80px;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n\r\n &.active {\r\n border-color: coral;\r\n }\r\n & > img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .A0hotspot-distance {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n justify-content: center;\r\n &-text {\r\n width: 200px;\r\n line-height: 34px;\r\n font-size: 28px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n &-line1 {\r\n width: 640px;\r\n border-style: dashed;\r\n border-width: 0 0 6px 0;\r\n border-color: #3098fb;\r\n background-color: transparent;\r\n }\r\n &-line2 {\r\n width: 284px;\r\n height: 6px;\r\n border-style: dashed;\r\n border-width: 0 0 6px 0;\r\n border-color: #3098fb;\r\n background-color: transparent;\r\n transform: rotate(113deg);\r\n }\r\n &-line3 {\r\n width: 670px;\r\n height: 6px;\r\n border-style: dashed;\r\n border-width: 0 0 6px 0;\r\n border-color: #3098fb;\r\n background-color: transparent;\r\n }\r\n }\r\n .A0hotspot-distance-1 {\r\n transform: rotate(-2.8deg);\r\n }\r\n .A0hotspot-distance-2 {\r\n .A0hotspot-distance-text {\r\n transform: rotate(13deg);\r\n width: 240px;\r\n text-align: right;\r\n }\r\n }\r\n .A0hotspot-distance-3 {\r\n transform: rotate(26.3deg);\r\n }\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}
|
