el-progress 环形进度条初始化过渡效果
::v-deep.el-progress-circle {
// 进度条颜色
svg > path:nth-child(2) {
stroke: url(#dismantle); // 该url() 中填入的是, 对应组件中的 id 名
stroke-width: 4; // 环形进度条 宽度
duration: 500 !important;
transition: all 0.7s linear !important; // 过渡时间
}
}
::v-deep .percent svg path:nth-child(1) {
stroke: rgba(29, 242, 238, 0.2); // 环形进度颜色
stroke-width: 4;
}
::v-deep .waringPercent svg path:nth-child(2) {
stroke: rgba(46, 39, 5, 1);
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！