bk-vue-cec
Version:
一个为运维业务场景而生,好看易用的Vue2原创组件库,由T-inside Design进行托管社区化运作
1 lines • 1.37 kB
Source Map (JSON)
{"version":3,"sources":["round-progress.css"],"names":[],"mappings":"AAEA,mBACI,oBAAqB,CACrB,iBAAkB,CAClB,iBA6BJ,CA5BI,0BACI,aAAc,CAEd,+BAAwB,CAAxB,uBAAwB,CACxB,oBACJ,CACA,0BACI,iBAAkB,CAClB,iBAAkB,CAClB,QAAS,CACT,UAAW,CACX,aAAc,CACd,iCAA4B,CAA5B,yBACJ,CACA,wBACI,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,sCAAgC,CAAhC,8BAAgC,CAChC,aACJ,CACA,wCACI,2BAAqB,CAArB,mBACJ,CACA,iCACI,0CAAoC,CAApC,kCAAoC,CACpC,6CAAuC,CAAvC,qCACJ","file":"round-progress.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-round-progress {\r\n display: inline-block;\r\n position: relative;\r\n text-align: center;\r\n circle {\r\n line-height: 1;\r\n /* transition: stroke-dasharray .25s; */\r\n transform-origin: center;\r\n stroke-linecap: round;\r\n }\r\n .title {\r\n text-align: center;\r\n position: absolute;\r\n left: 50%;\r\n width: 100%;\r\n overflow: auto;\r\n transform: translate(-50%, 0)\r\n }\r\n .num {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -60%);\r\n color: $fnMainColor;\r\n }\r\n .progress-background {\r\n transform: scale(0.9);\r\n }\r\n .progress-bar {\r\n transform: scale(0.9) rotate(-90deg);\r\n transition: stroke-dashoffset 0.5s ease;\r\n }\r\n}\r\n"]}