github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: add opacity transition (#3505)

pull/3514/head
ajuner 2021-01-08 16:53:51 +08:00 committed by GitHub
parent 648741265b
commit 110304b628
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/vc-progress/src/Circle.js
View File

@ -62,7 +62,7 @@ function getPathStyles(offset, percent, strokeColor, strokeWidth, gapDegree = 0,
strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${len}px`, strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${len}px`,
strokeDashoffset: `-${gapDegree / 2 + (offset / 100) * (len - gapDegree)}px`, strokeDashoffset: `-${gapDegree / 2 + (offset / 100) * (len - gapDegree)}px`,
transition: transition:
'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s', // eslint-disable-line 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s', // eslint-disable-line
}; };
return { return {
@ -116,7 +116,8 @@ const Circle = defineComponent({
d: pathString, d: pathString,
stroke, stroke,
'stroke-linecap': strokeLinecap, 'stroke-linecap': strokeLinecap,
'stroke-width': ptg === 0 ? 0 : strokeWidth, 'stroke-width': strokeWidth,
opacity: ptg === 0 ? 0 : 1,
'fill-opacity': '0', 'fill-opacity': '0',
class: `${prefixCls}-circle-path`, class: `${prefixCls}-circle-path`,
style: pathStyle, style: pathStyle,