@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1 lines • 1.3 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';\n\n.bk-round-progress {\n display: inline-block;\n position: relative;\n text-align: center;\n circle {\n line-height: 1;\n /* transition: stroke-dasharray .25s; */\n transform-origin: center;\n stroke-linecap: round;\n }\n .title {\n text-align: center;\n position: absolute;\n left: 50%;\n width: 100%;\n overflow: auto;\n transform: translate(-50%, 0)\n }\n .num {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -60%);\n color: $fnMainColor;\n }\n .progress-background {\n transform: scale(0.9);\n }\n .progress-bar {\n transform: scale(0.9) rotate(-90deg);\n transition: stroke-dashoffset 0.5s ease;\n }\n}\n"]}