@seresweb/website-component 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/horizontal-viewer.cjs +1 -1
- package/dist/cjs/image-indicator.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/{Input.cjs → input.cjs} +1 -1
- package/dist/cjs/swiper-normal.cjs +1 -1
- package/dist/cjs/video.cjs +1 -1
- package/dist/css/video.css +1 -1
- package/dist/es/horizontal-viewer.mjs +1 -1
- package/dist/es/image-indicator.mjs +1 -1
- package/dist/es/index.mjs +17 -17
- package/dist/es/{Input.mjs → input.mjs} +1 -1
- package/dist/es/swiper-normal.mjs +1 -1
- package/dist/es/video.mjs +221 -194
- package/dist/global.d.ts +1 -1
- package/dist/{index-BgNMAlW8.js → index-CM1T0AYM.js} +1 -1
- package/dist/index-DL7IXrBi.cjs +1 -0
- package/dist/index.css +1 -1
- package/dist/scss/video.scss +6 -0
- package/dist/types/components/drawer/drawer.vue.d.ts +1 -1
- package/dist/types/components/index.d.ts +1 -1
- package/dist/types/components/{Input → input}/index.d.ts +1 -1
- package/dist/types/components/video/type.d.ts +10 -1
- package/dist/types/components/video/video-wrapper.vue.d.ts +6 -6
- package/dist/types/components/video/video.vue.d.ts +186 -34
- package/package.json +1 -1
- package/dist/index-LswhGmG3.cjs +0 -1
- /package/dist/types/components/{Input/Input.vue.d.ts → input/input.vue.d.ts} +0 -0
- /package/dist/types/components/{Input → input}/type.d.ts +0 -0
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;left:50%;transform:translate(-50%);font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio.disabled{opacity:.5;pointer-events:none}.sc-radio .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio .radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1}@media (max-width: 768px){.sc-input{font-size:14px}}
|
|
1
|
+
@charset "UTF-8";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;left:50%;transform:translate(-50%);font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio.disabled{opacity:.5;pointer-events:none}.sc-radio .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio .radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1}@media (max-width: 768px){.sc-input{font-size:14px}}
|
package/dist/scss/video.scss
CHANGED
|
@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}
|
|
|
19
19
|
}, string, import('vue').PublicProps, Readonly<DrawerProps> & Readonly<{
|
|
20
20
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
|
-
modelValue: boolean;
|
|
23
22
|
direction: "top" | "bottom" | "left" | "right";
|
|
23
|
+
modelValue: boolean;
|
|
24
24
|
showMask: boolean;
|
|
25
25
|
maskClosable: boolean;
|
|
26
26
|
hoverable: boolean;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
-
export * from './Input';
|
|
3
2
|
export * from './accordion-info-panel';
|
|
4
3
|
export * from './animated-number';
|
|
5
4
|
export * from './drawer';
|
|
@@ -7,6 +6,7 @@ export * from './dropdown';
|
|
|
7
6
|
export * from './gradual-highlight';
|
|
8
7
|
export * from './horizontal-viewer';
|
|
9
8
|
export * from './image-indicator';
|
|
9
|
+
export * from './input';
|
|
10
10
|
export * from './layz-image';
|
|
11
11
|
export * from './parameter-box';
|
|
12
12
|
export * from './radio';
|
|
@@ -23,7 +23,7 @@ export interface VideoProps {
|
|
|
23
23
|
/**
|
|
24
24
|
* 视频地址
|
|
25
25
|
*/
|
|
26
|
-
url
|
|
26
|
+
url: string;
|
|
27
27
|
/**
|
|
28
28
|
* 自动播放
|
|
29
29
|
*/
|
|
@@ -32,7 +32,16 @@ export interface VideoProps {
|
|
|
32
32
|
* 是否可播放
|
|
33
33
|
*/
|
|
34
34
|
playable?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* 是否是两个视频、自动播放小视频,点击播放详细视频
|
|
37
|
+
*/
|
|
38
|
+
multiple?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* 小视频地址
|
|
41
|
+
*/
|
|
42
|
+
urlSmall?: string;
|
|
35
43
|
}
|
|
36
44
|
export interface VideoExpose {
|
|
37
45
|
play: () => void;
|
|
46
|
+
pause: () => void;
|
|
38
47
|
}
|
|
@@ -12,13 +12,13 @@ declare function __VLS_template(): {
|
|
|
12
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
13
|
declare const __VLS_component: import('vue').DefineComponent<VideoProps, {
|
|
14
14
|
play: () => void;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
pause: () => void;
|
|
16
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
paused: (...args: any[]) => void;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<VideoProps> & Readonly<{
|
|
19
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
20
|
+
}>, {
|
|
20
21
|
playerButtonText: string;
|
|
21
|
-
poster: string;
|
|
22
22
|
autoPlay: boolean;
|
|
23
23
|
playable: boolean;
|
|
24
24
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -5,6 +5,83 @@ declare function __VLS_template(): {
|
|
|
5
5
|
play?(_: {}): any;
|
|
6
6
|
};
|
|
7
7
|
refs: {
|
|
8
|
+
autoPlayRef: ({
|
|
9
|
+
$: import('vue').ComponentInternalInstance;
|
|
10
|
+
$data: {};
|
|
11
|
+
$props: {
|
|
12
|
+
readonly class?: string | undefined;
|
|
13
|
+
readonly style?: (string | import('vue').CSSProperties) | undefined;
|
|
14
|
+
readonly playerButtonClass?: string | undefined;
|
|
15
|
+
readonly playerButtonText?: string | undefined;
|
|
16
|
+
readonly poster?: string | undefined;
|
|
17
|
+
readonly url: string;
|
|
18
|
+
readonly autoPlay?: boolean | undefined;
|
|
19
|
+
readonly playable?: boolean | undefined;
|
|
20
|
+
readonly multiple?: boolean | undefined;
|
|
21
|
+
readonly urlSmall?: string | undefined;
|
|
22
|
+
readonly onPaused?: ((...args: any[]) => any) | undefined;
|
|
23
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
24
|
+
$attrs: {
|
|
25
|
+
[x: string]: unknown;
|
|
26
|
+
};
|
|
27
|
+
$refs: {
|
|
28
|
+
[x: string]: unknown;
|
|
29
|
+
} & {
|
|
30
|
+
videoRef: HTMLVideoElement;
|
|
31
|
+
};
|
|
32
|
+
$slots: Readonly<{
|
|
33
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
34
|
+
}>;
|
|
35
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
36
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
37
|
+
$host: Element | null;
|
|
38
|
+
$emit: (event: "paused", ...args: any[]) => void;
|
|
39
|
+
$el: HTMLDivElement;
|
|
40
|
+
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
41
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
play: () => void;
|
|
44
|
+
pause: () => void;
|
|
45
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
46
|
+
paused: (...args: any[]) => void;
|
|
47
|
+
}, string, {
|
|
48
|
+
playerButtonText: string;
|
|
49
|
+
autoPlay: boolean;
|
|
50
|
+
playable: boolean;
|
|
51
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
52
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
53
|
+
created?: (() => void) | (() => void)[];
|
|
54
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
55
|
+
mounted?: (() => void) | (() => void)[];
|
|
56
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
57
|
+
updated?: (() => void) | (() => void)[];
|
|
58
|
+
activated?: (() => void) | (() => void)[];
|
|
59
|
+
deactivated?: (() => void) | (() => void)[];
|
|
60
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
61
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
62
|
+
destroyed?: (() => void) | (() => void)[];
|
|
63
|
+
unmounted?: (() => void) | (() => void)[];
|
|
64
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
65
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
66
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
67
|
+
};
|
|
68
|
+
$forceUpdate: () => void;
|
|
69
|
+
$nextTick: typeof import('vue').nextTick;
|
|
70
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
71
|
+
} & Readonly<{
|
|
72
|
+
playerButtonText: string;
|
|
73
|
+
autoPlay: boolean;
|
|
74
|
+
playable: boolean;
|
|
75
|
+
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
76
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
77
|
+
}>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
|
|
78
|
+
play: () => void;
|
|
79
|
+
pause: () => void;
|
|
80
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
81
|
+
$slots: {
|
|
82
|
+
close?(_: {}): any;
|
|
83
|
+
};
|
|
84
|
+
}) | null;
|
|
8
85
|
btnRef: HTMLButtonElement;
|
|
9
86
|
vwRef: ({
|
|
10
87
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -15,9 +92,12 @@ declare function __VLS_template(): {
|
|
|
15
92
|
readonly playerButtonClass?: string | undefined;
|
|
16
93
|
readonly playerButtonText?: string | undefined;
|
|
17
94
|
readonly poster?: string | undefined;
|
|
18
|
-
readonly url
|
|
95
|
+
readonly url: string;
|
|
19
96
|
readonly autoPlay?: boolean | undefined;
|
|
20
97
|
readonly playable?: boolean | undefined;
|
|
98
|
+
readonly multiple?: boolean | undefined;
|
|
99
|
+
readonly urlSmall?: string | undefined;
|
|
100
|
+
readonly onPaused?: ((...args: any[]) => any) | undefined;
|
|
21
101
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
22
102
|
$attrs: {
|
|
23
103
|
[x: string]: unknown;
|
|
@@ -33,17 +113,17 @@ declare function __VLS_template(): {
|
|
|
33
113
|
$root: import('vue').ComponentPublicInstance | null;
|
|
34
114
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
35
115
|
$host: Element | null;
|
|
36
|
-
$emit: (event:
|
|
116
|
+
$emit: (event: "paused", ...args: any[]) => void;
|
|
37
117
|
$el: HTMLDivElement;
|
|
38
|
-
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
118
|
+
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
119
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
120
|
+
}>, {
|
|
39
121
|
play: () => void;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
playerButtonClass: string;
|
|
122
|
+
pause: () => void;
|
|
123
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
124
|
+
paused: (...args: any[]) => void;
|
|
125
|
+
}, string, {
|
|
45
126
|
playerButtonText: string;
|
|
46
|
-
poster: string;
|
|
47
127
|
autoPlay: boolean;
|
|
48
128
|
playable: boolean;
|
|
49
129
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -67,16 +147,14 @@ declare function __VLS_template(): {
|
|
|
67
147
|
$nextTick: typeof import('vue').nextTick;
|
|
68
148
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
69
149
|
} & Readonly<{
|
|
70
|
-
style: string | import('vue').CSSProperties;
|
|
71
|
-
class: string;
|
|
72
|
-
url: string;
|
|
73
|
-
playerButtonClass: string;
|
|
74
150
|
playerButtonText: string;
|
|
75
|
-
poster: string;
|
|
76
151
|
autoPlay: boolean;
|
|
77
152
|
playable: boolean;
|
|
78
|
-
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
153
|
+
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
154
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
155
|
+
}>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
|
|
79
156
|
play: () => void;
|
|
157
|
+
pause: () => void;
|
|
80
158
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
81
159
|
$slots: {
|
|
82
160
|
close?(_: {}): any;
|
|
@@ -87,15 +165,88 @@ declare function __VLS_template(): {
|
|
|
87
165
|
};
|
|
88
166
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
89
167
|
declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VideoProps> & Readonly<{}>, {
|
|
90
|
-
style: string | import('vue').CSSProperties;
|
|
91
|
-
class: string;
|
|
92
|
-
url: string;
|
|
93
|
-
playerButtonClass: string;
|
|
94
168
|
playerButtonText: string;
|
|
95
169
|
poster: string;
|
|
96
170
|
autoPlay: boolean;
|
|
97
171
|
playable: boolean;
|
|
98
172
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
173
|
+
autoPlayRef: ({
|
|
174
|
+
$: import('vue').ComponentInternalInstance;
|
|
175
|
+
$data: {};
|
|
176
|
+
$props: {
|
|
177
|
+
readonly class?: string | undefined;
|
|
178
|
+
readonly style?: (string | import('vue').CSSProperties) | undefined;
|
|
179
|
+
readonly playerButtonClass?: string | undefined;
|
|
180
|
+
readonly playerButtonText?: string | undefined;
|
|
181
|
+
readonly poster?: string | undefined;
|
|
182
|
+
readonly url: string;
|
|
183
|
+
readonly autoPlay?: boolean | undefined;
|
|
184
|
+
readonly playable?: boolean | undefined;
|
|
185
|
+
readonly multiple?: boolean | undefined;
|
|
186
|
+
readonly urlSmall?: string | undefined;
|
|
187
|
+
readonly onPaused?: ((...args: any[]) => any) | undefined;
|
|
188
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
189
|
+
$attrs: {
|
|
190
|
+
[x: string]: unknown;
|
|
191
|
+
};
|
|
192
|
+
$refs: {
|
|
193
|
+
[x: string]: unknown;
|
|
194
|
+
} & {
|
|
195
|
+
videoRef: HTMLVideoElement;
|
|
196
|
+
};
|
|
197
|
+
$slots: Readonly<{
|
|
198
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
199
|
+
}>;
|
|
200
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
201
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
202
|
+
$host: Element | null;
|
|
203
|
+
$emit: (event: "paused", ...args: any[]) => void;
|
|
204
|
+
$el: HTMLDivElement;
|
|
205
|
+
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
206
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
207
|
+
}>, {
|
|
208
|
+
play: () => void;
|
|
209
|
+
pause: () => void;
|
|
210
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
211
|
+
paused: (...args: any[]) => void;
|
|
212
|
+
}, string, {
|
|
213
|
+
playerButtonText: string;
|
|
214
|
+
autoPlay: boolean;
|
|
215
|
+
playable: boolean;
|
|
216
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
217
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
218
|
+
created?: (() => void) | (() => void)[];
|
|
219
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
220
|
+
mounted?: (() => void) | (() => void)[];
|
|
221
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
222
|
+
updated?: (() => void) | (() => void)[];
|
|
223
|
+
activated?: (() => void) | (() => void)[];
|
|
224
|
+
deactivated?: (() => void) | (() => void)[];
|
|
225
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
226
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
227
|
+
destroyed?: (() => void) | (() => void)[];
|
|
228
|
+
unmounted?: (() => void) | (() => void)[];
|
|
229
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
230
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
231
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
232
|
+
};
|
|
233
|
+
$forceUpdate: () => void;
|
|
234
|
+
$nextTick: typeof import('vue').nextTick;
|
|
235
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
236
|
+
} & Readonly<{
|
|
237
|
+
playerButtonText: string;
|
|
238
|
+
autoPlay: boolean;
|
|
239
|
+
playable: boolean;
|
|
240
|
+
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
241
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
242
|
+
}>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
|
|
243
|
+
play: () => void;
|
|
244
|
+
pause: () => void;
|
|
245
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
246
|
+
$slots: {
|
|
247
|
+
close?(_: {}): any;
|
|
248
|
+
};
|
|
249
|
+
}) | null;
|
|
99
250
|
btnRef: HTMLButtonElement;
|
|
100
251
|
vwRef: ({
|
|
101
252
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -106,9 +257,12 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
|
|
|
106
257
|
readonly playerButtonClass?: string | undefined;
|
|
107
258
|
readonly playerButtonText?: string | undefined;
|
|
108
259
|
readonly poster?: string | undefined;
|
|
109
|
-
readonly url
|
|
260
|
+
readonly url: string;
|
|
110
261
|
readonly autoPlay?: boolean | undefined;
|
|
111
262
|
readonly playable?: boolean | undefined;
|
|
263
|
+
readonly multiple?: boolean | undefined;
|
|
264
|
+
readonly urlSmall?: string | undefined;
|
|
265
|
+
readonly onPaused?: ((...args: any[]) => any) | undefined;
|
|
112
266
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
113
267
|
$attrs: {
|
|
114
268
|
[x: string]: unknown;
|
|
@@ -124,17 +278,17 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
|
|
|
124
278
|
$root: import('vue').ComponentPublicInstance | null;
|
|
125
279
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
126
280
|
$host: Element | null;
|
|
127
|
-
$emit: (event:
|
|
281
|
+
$emit: (event: "paused", ...args: any[]) => void;
|
|
128
282
|
$el: HTMLDivElement;
|
|
129
|
-
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
283
|
+
$options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
|
|
284
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
285
|
+
}>, {
|
|
130
286
|
play: () => void;
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
playerButtonClass: string;
|
|
287
|
+
pause: () => void;
|
|
288
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
289
|
+
paused: (...args: any[]) => void;
|
|
290
|
+
}, string, {
|
|
136
291
|
playerButtonText: string;
|
|
137
|
-
poster: string;
|
|
138
292
|
autoPlay: boolean;
|
|
139
293
|
playable: boolean;
|
|
140
294
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
@@ -158,16 +312,14 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
|
|
|
158
312
|
$nextTick: typeof import('vue').nextTick;
|
|
159
313
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
160
314
|
} & Readonly<{
|
|
161
|
-
style: string | import('vue').CSSProperties;
|
|
162
|
-
class: string;
|
|
163
|
-
url: string;
|
|
164
|
-
playerButtonClass: string;
|
|
165
315
|
playerButtonText: string;
|
|
166
|
-
poster: string;
|
|
167
316
|
autoPlay: boolean;
|
|
168
317
|
playable: boolean;
|
|
169
|
-
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
318
|
+
}> & Omit<Readonly<VideoProps> & Readonly<{
|
|
319
|
+
onPaused?: ((...args: any[]) => any) | undefined;
|
|
320
|
+
}>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
|
|
170
321
|
play: () => void;
|
|
322
|
+
pause: () => void;
|
|
171
323
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
172
324
|
$slots: {
|
|
173
325
|
close?(_: {}): any;
|
package/package.json
CHANGED
package/dist/index-LswhGmG3.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),$=require("./index-DrnEpWXW.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/Input.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const b=require("@vavt/util"),I=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");const F=require("./cjs/tab-indicator.cjs"),T=require("./cjs/video.cjs"),S=["innerHTML"],H=["innerHTML"],N=["innerHTML"],X=["innerHTML"],M=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{}},setup(c){const u=e.ref(),a=e.ref(),r=e.ref(),l=e.ref(),s=e.ref(),h=e.ref(),i=e.reactive({container:"",root:"",item:""}),k=()=>{var g;if(!r.value)return;const t=r.value.offsetHeight,m=window.innerHeight,v=((g=h.value)==null?void 0:g.offsetHeight)||0,w=o(h.value);i.container=`padding-top: ${(m-v-t-w)/2}px;`,i.root=`height: ${r.value.scrollWidth}px`},d=()=>{const t=document.documentElement.getAttribute("dir")||"ltr",m=t==="rtl"?"right":"left";if(!u.value||!r.value||!l.value||!s.value)return;const w=u.value.clientHeight-window.innerHeight,{offsetTop:g}=b.getRootOffset(u.value),B=document.documentElement.scrollTop-g;if(B<0){r.value.scrollTo({left:0}),s.value.style[m]="0px";return}if(B>w){const C=r.value.scrollWidth-window.innerWidth;r.value.scrollTo({left:t==="rtl"?-C:C}),s.value.style[m]=l.value.clientWidth-s.value.clientWidth+"px";return}const L=B/w,z=L*(r.value.scrollWidth-window.innerWidth),P=L*(l.value.clientWidth*2/3);r.value.scrollTo({left:t==="rtl"?-z:z}),s.value.style[m]=`${P}px`},p=()=>{i.container="",k()},o=t=>{if(!(t instanceof HTMLElement))return 0;const m=window.getComputedStyle(t),v=parseFloat(m.marginTop)||0,w=parseFloat(m.marginBottom)||0;return v+w};let f;return e.onMounted(()=>{f=new IntersectionObserver(t=>{t.forEach(m=>{m.isIntersecting&&(i.container="",k())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",d),window.addEventListener("resize",p),u.value&&f.observe(u.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",d),window.removeEventListener("resize",p),f&&f.disconnect()}),(t,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:u,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(i.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:a,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(t.title||t.desc)&&"has-header"]),style:e.normalizeStyle(i.container)},[t.title||t.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:h},[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:t.title},null,8,S)):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:t.desc},null,8,H)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:r,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,v=>(e.openBlock(),e.createElementBlock("div",{key:v.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[e.createVNode(e.unref(I.ScLayzImage),{src:v.url,alt:v.alt},null,8,["src","alt"]),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:v.title},null,8,N),e.createElementVNode("p",{innerHTML:v.desc},null,8,X)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:l,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:s,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),q=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(c){const u=c,a=e.ref();return(r,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(V),e.mergeProps(u,{indicatorType:"image"}),null,16)],2))}}),_=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(c){const u=c;return(a,r)=>a.isMobile?(e.openBlock(),e.createBlock(q,e.normalizeProps(e.mergeProps({key:0},u)),null,16)):(e.openBlock(),e.createBlock(M,e.normalizeProps(e.mergeProps({key:1},u)),null,16))}});_.install=c=>(c.component("ScHorizontalViewer",_),c);const x=_,W=["onClick"],O=["innerHTML"],U=["innerHTML"],E=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(c,{emit:u}){const a=u,r=e.ref(0),l=e.ref([]),s=e.computed(()=>{const i=l.value[r.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),h=i=>{r.value=i,a("change",i)};return(i,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(d,p)=>(e.openBlock(),e.createElementBlock("div",{key:d.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,r.value===p?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:o=>h(p)},[e.createVNode(e.unref(I.ScLayzImage),{src:d.url,alt:d.alt},null,8,["src","alt"])],10,W))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(s.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(d,p)=>(e.openBlock(),e.createElementBlock("div",{key:d.url,ref_for:!0,ref_key:"introItemRef",ref:l,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,r.value===p&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[d.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:d.title},null,10,O)):e.createCommentVNode("v-if",!0),d.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:d.desc},null,10,U)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});E.install=c=>(c.component("ScImageIndicator",E),c);const R=E,D={class:"swiper-wrapper"},y=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(c,{emit:u}){const a=c,r=u;let l=null;const s=e.ref(a.modelValue),h=e.ref(),i=e.computed(()=>{const o=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?o.push(`${n.PREFIX}-swiper-main__middle`):o.push(`${n.PREFIX}-swiper-main__full`),o}),k=e.computed(()=>{const o={};return a.tabIndicatorBottom&&(o.position="absolute",o.zIndex=1,o.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),o});e.watch(()=>a.modelValue,()=>{s.value=a.modelValue,d(s.value)});const d=o=>{l==null||l.slideTo(o)},p=()=>{l==null||l.destroy(),h.value&&(l=new $.Swiper(h.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),l.on("slideChange",o=>{s.value=o.activeIndex,r("change",o.activeIndex),r("update:modelValue",o.activeIndex)}))};return e.onMounted(()=>{p(),window.addEventListener("resize",p)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",p)}),(o,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:h,class:e.normalizeClass(i.value)},[e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.dataList,(t,m)=>(e.openBlock(),e.createElementBlock("div",{key:t.title,class:"swiper-slide"},[t.type==="img"?(e.openBlock(),e.createBlock(e.unref(I.ScLayzImage),{key:0,src:t.url,alt:t.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref(T.ScVideo),e.mergeProps({key:1,ref_for:!0},o.videoProps,{url:t.url,poster:t.poster,playable:s.value===m}),null,16,["url","poster","playable"])),t.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),f[2]||(f[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),o.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(F.ScTabIndicator),{key:0,modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=t=>s.value=t),class:e.normalizeClass([o.indicatorClass,o.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:o.dataList,"show-intro":o.showIntro,style:e.normalizeStyle(k.value),onChange:d},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(R),{key:1,modelValue:s.value,"onUpdate:modelValue":f[1]||(f[1]=t=>s.value=t),dataList:a.dataList,onChange:d},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});y.install=c=>(c.component("ScSwiperNormal",y),c);const V=y;exports.ScHorizontalViewer=x;exports.ScImageIndicator=R;exports.ScSwiperNormal=V;
|
|
File without changes
|
|
File without changes
|