UNPKG

bk-vue-cec

Version:

一个为运维业务场景而生,好看易用的Vue2原创组件库,由T-inside Design进行托管社区化运作

1 lines 3.22 kB
{"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';\r\n\r\n.bk-swiper-home {\r\n position: relative;\r\n overflow: hidden;\r\n &:hover .bk-swiper-nav {\r\n display: block;\r\n }\r\n}\r\n.bk-swiper-main {\r\n height: 100%;\r\n display: flex;\r\n overflow: hidden;\r\n &.bk-transition {\r\n transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);\r\n }\r\n .bk-swiper-card {\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .bk-swiper-img {\r\n display: inline-block;\r\n height: 100%;\r\n width: 100%;\r\n margin: 0;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n }\r\n .bk-swiper-link {\r\n cursor: pointer;\r\n }\r\n}\r\n.bk-swiper-index {\r\n position: absolute;\r\n bottom: 10px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n margin: 0;\r\n padding: 0;\r\n li {\r\n width: 11px;\r\n height: 4px;\r\n margin: 0 3px;\r\n background: $fnMainColor;\r\n border-radius: 2px;\r\n transition: width 0.525s;\r\n list-style-type: none;\r\n &.bk-current-index {\r\n width: 17px;\r\n background: #c5c7d1;\r\n }\r\n }\r\n}\r\n.bk-swiper-nav {\r\n cursor: pointer;\r\n position: absolute;\r\n border-radius: 50%;\r\n width: 30px;\r\n height: 30px;\r\n background: rgba(31,45,61,.4);\r\n top: calc(50% - 15px);\r\n display: none;\r\n .bk-swiper-nav-icon {\r\n position: absolute;\r\n top: 9px;\r\n left: 11px;\r\n width: 10px;\r\n height: 10px;\r\n border-left: 2px solid $defaultColor;\r\n border-bottom: 2px solid $defaultColor;\r\n }\r\n &.bk-nav-prev {\r\n left: 14px;\r\n transform: rotate(45deg);\r\n &:hover {\r\n transform: rotate(45deg);\r\n }\r\n }\r\n &.bk-nav-next {\r\n right: 14px;\r\n transform: rotate(225deg);\r\n &:hover {\r\n transform: rotate(225deg);\r\n }\r\n }\r\n &:hover {\r\n background: rgba(31,45,61,.6);\r\n }\r\n}\r\n"]}