fix(Empty): linearGradient id conflict (#8013)

This commit is contained in:
neverland
2021-01-26 19:21:15 +08:00
committed by GitHub
parent 1d11803470
commit 4f1521010a
2 changed files with 60 additions and 74 deletions
+17 -43
View File
@@ -35,7 +35,7 @@ exports[`should render svg when image is network 1`] = `
<div class="van-empty__image">
<svg viewbox="0 0 160 160">
<defs>
<linearGradient id="c"
<linearGradient id="van-empty-network-1"
x1="64.022%"
y1="100%"
x2="64.022%"
@@ -51,23 +51,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<linearGradient id="d"
x1="64.022%"
y1="96.956%"
x2="64.022%"
y2="0%"
>
<stop stop-color="#F2F3F5"
offset="0%"
stop-opacity="0.3"
>
</stop>
<stop stop-color="#F2F3F5"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="h"
<linearGradient id="van-empty-network-2"
x1="50%"
y1="0%"
x2="50%"
@@ -83,7 +67,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<linearGradient id="i"
<linearGradient id="van-empty-network-3"
x1="100%"
y1="0%"
x2="100%"
@@ -98,7 +82,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<linearGradient id="k"
<linearGradient id="van-empty-network-4"
x1="100%"
y1="100%"
x2="100%"
@@ -113,7 +97,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<linearGradient id="m"
<linearGradient id="van-empty-network-5"
x1="0%"
y1="43.982%"
x2="100%"
@@ -128,7 +112,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<linearGradient id="n"
<linearGradient id="van-empty-network-6"
x1="94.535%"
y1="43.837%"
x2="5.465%"
@@ -143,7 +127,7 @@ exports[`should render svg when image is network 1`] = `
>
</stop>
</linearGradient>
<radialGradient id="g"
<radialGradient id="van-empty-network-7"
cx="50%"
cy="0%"
fx="50%"
@@ -167,32 +151,22 @@ exports[`should render svg when image is network 1`] = `
>
<g opacity=".8">
<path d="M0 124V46h20v20h14v58H0z"
fill="url(#c)"
fill="url(#van-empty-network-1)"
transform="matrix(-1 0 0 1 36 7)"
>
</path>
<path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
fill="url(#d)"
transform="translate(2 7)"
>
</path>
<path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
fill="url(#d)"
transform="translate(2 7)"
>
</path>
<path d="M121 8h22.231v14H152v77.37h-31V8z"
fill="url(#c)"
fill="url(#van-empty-network-1)"
transform="translate(2 7)"
>
</path>
</g>
<path fill="url(#g)"
<path fill="url(#van-empty-network-7)"
d="M0 139h160v21H0z"
>
</path>
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
fill="url(#h)"
fill="url(#van-empty-network-2)"
fill-rule="nonzero"
transform="translate(43 36)"
>
@@ -202,22 +176,22 @@ exports[`should render svg when image is network 1`] = `
stroke-width="7"
>
<path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
stroke="url(#i)"
stroke="url(#van-empty-network-3)"
transform="translate(43 36)"
>
</path>
<path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
stroke="url(#i)"
stroke="url(#van-empty-network-3)"
transform="translate(43 36)"
>
</path>
<path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
stroke="url(#k)"
stroke="url(#van-empty-network-4)"
transform="rotate(-180 76.483 42.257)"
>
</path>
<path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
stroke="url(#k)"
stroke="url(#van-empty-network-4)"
transform="rotate(-180 89.791 42.146)"
>
</path>
@@ -225,7 +199,7 @@ exports[`should render svg when image is network 1`] = `
<g transform="translate(31 105)"
fill-rule="nonzero"
>
<rect fill="url(#m)"
<rect fill="url(#van-empty-network-5)"
width="98"
height="34"
rx="2"
@@ -239,7 +213,7 @@ exports[`should render svg when image is network 1`] = `
rx="1.114"
>
</rect>
<rect fill="url(#n)"
<rect fill="url(#van-empty-network-6)"
x="15"
y="12"
width="18"