blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Circle): the gradient color is incorrect (#7909)

Browse Source
This commit is contained in:
John 2021-01-15 15:15:17 +08:00 committed by GitHub
parent 959cfff423
commit ac1bb94343
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/circle/index.tsx
View File

@ -96,8 +96,10 @@ export default createComponent({
const renderHover = () => {
const PERIMETER = 3140;
const { color, strokeWidth, currentRate, strokeLinecap } = props;
const { strokeWidth, currentRate, strokeLinecap } = props;
let { color } = props;
const offset = (PERIMETER * currentRate) / 100;
color = isObject(color) ? `url(#${id})` : color;
const style = {
stroke: `${color}`,
strokeWidth: `${+strokeWidth + 1}px`,
@ -110,7 +112,7 @@ export default createComponent({
d={path.value}
style={style}
class={bem('hover')}
stroke={isObject(color) ? `url(#${id})` : color}
stroke={color}
/>
);
};

2
src/circle/test/__snapshots__/demo.spec.js.snap
View File

@ -81,7 +81,7 @@ exports[`should render demo and match snapshot 1`] = `
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
style="stroke: url(#van-circle-3); stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__hover"
stroke="url(#van-circle-3)"
>