bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1 lines • 3.03 kB
Source Map (JSON)
{"version":3,"sources":["swiper.css"],"names":[],"mappings":"AAEA,gBACI,iBAAkB,CAClB,eAIJ,CAHI,qCACI,aACJ,CAEJ,gBACI,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,eAqBJ,CApBI,8BACI,kCAA+C,CAA/C,0BACJ,CACA,gCACI,WAAY,CACZ,QAAS,CACT,SACJ,CACA,+BACI,oBAAqB,CACrB,WAAY,CACZ,UAAW,CACX,QAAS,CACT,qBAAsB,CACtB,2BAA4B,CAC5B,uBACJ,CACA,gCACI,cACJ,CAEJ,iBACI,iBAAkB,CAClB,WAAY,CACZ,MAAO,CACP,OAAQ,CACR,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,QAAS,CACT,SAcJ,CAbI,oBACI,UAAW,CACX,UAAW,CACX,YAAa,CACb,kBAAwB,CACxB,iBAAkB,CAClB,8BAAwB,CAAxB,sBAAwB,CACxB,oBAKJ,CAJI,qCACI,UAAW,CACX,kBACJ,CAGR,eACI,cAAe,CACf,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,4BAA6B,CAC7B,oBAAqB,CACrB,YA2BJ,CA1BI,mCACI,iBAAkB,CAClB,OAAQ,CACR,SAAU,CACV,UAAW,CACX,WAAY,CACZ,0BAAoC,CACpC,4BACJ,CACA,2BACI,SAAU,CACV,+BAAwB,CAAxB,uBAIJ,CAHI,iCACI,+BAAwB,CAAxB,uBACJ,CAEJ,2BACI,UAAW,CACX,gCAAyB,CAAzB,wBAIJ,CAHI,iCACI,gCAAyB,CAAzB,wBACJ,CAEJ,qBACI,4BACJ","file":"swiper.min.css","sourcesContent":["@import './variable.css';\n\n.bk-swiper-home {\n position: relative;\n overflow: hidden;\n &:hover .bk-swiper-nav {\n display: block;\n }\n}\n.bk-swiper-main {\n height: 100%;\n display: flex;\n overflow: hidden;\n &.bk-transition {\n transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);\n }\n .bk-swiper-card {\n height: 100%;\n margin: 0;\n padding: 0;\n }\n .bk-swiper-img {\n display: inline-block;\n height: 100%;\n width: 100%;\n margin: 0;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n }\n .bk-swiper-link {\n cursor: pointer;\n }\n}\n.bk-swiper-index {\n position: absolute;\n bottom: 10px;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n margin: 0;\n padding: 0;\n li {\n width: 11px;\n height: 4px;\n margin: 0 3px;\n background: $fnMainColor;\n border-radius: 2px;\n transition: width 0.525s;\n list-style-type: none;\n &.bk-current-index {\n width: 17px;\n background: #c5c7d1;\n }\n }\n}\n.bk-swiper-nav {\n cursor: pointer;\n position: absolute;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n background: rgba(31,45,61,.4);\n top: calc(50% - 15px);\n display: none;\n .bk-swiper-nav-icon {\n position: absolute;\n top: 9px;\n left: 11px;\n width: 10px;\n height: 10px;\n border-left: 2px solid $defaultColor;\n border-bottom: 2px solid $defaultColor;\n }\n &.bk-nav-prev {\n left: 14px;\n transform: rotate(45deg);\n &:hover {\n transform: rotate(45deg);\n }\n }\n &.bk-nav-next {\n right: 14px;\n transform: rotate(225deg);\n &:hover {\n transform: rotate(225deg);\n }\n }\n &:hover {\n background: rgba(31,45,61,.6);\n }\n}\n"]}