简柏林 / thingskit-view · Commits

Commit 3d2e25e23fcc0602df69c26dd87a44960d1ec970

Authored by fengwotao
1 parent 99bf5224

perf(external/Componse): 修复三个小标题渐变ID值重复问题

Inline Side-by-side
Showing 3 changed files with 11 additions and 11 deletions
1 <template> 1 <template>
2 <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }"> 2 <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
3 - <video id="my-player" ref="videoRef" class="video-js my-video"> 3 + <video id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
4 <source :src="dataset" /> 4 <source :src="dataset" />
5 </video> 5 </video>
6 </div> 6 </div>
@@ -2,11 +2,11 @@ @@ -2,11 +2,11 @@
2 <div class="go-content-box"> 2 <div class="go-content-box">
3 <svg :width="w" :height="h" fill="none"> 3 <svg :width="w" :height="h" fill="none">
4 <defs xmlns="http://www.w3.org/2000/svg"> 4 <defs xmlns="http://www.w3.org/2000/svg">
5 - <linearGradient id="linear_title2_u" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox"> 5 + <linearGradient id="title2_0" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
6 <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="1" /> 6 <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="1" />
7 <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="1" /> 7 <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="1" />
8 </linearGradient> 8 </linearGradient>
9 - <linearGradient id="linear_title2_d" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox"> 9 + <linearGradient id="title2_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
10 <stop offset="0" :stop-color="attribute.linearColors[3]" stop-opacity="1" /> 10 <stop offset="0" :stop-color="attribute.linearColors[3]" stop-opacity="1" />
11 <stop offset="1" :stop-color="attribute.linearColors[4]" stop-opacity="0" /> 11 <stop offset="1" :stop-color="attribute.linearColors[4]" stop-opacity="0" />
12 </linearGradient> 12 </linearGradient>
@@ -15,7 +15,7 @@ @@ -15,7 +15,7 @@
15 <path 15 <path
16 id="矩形 title2_u" 16 id="矩形 title2_u"
17 fill-rule="evenodd" 17 fill-rule="evenodd"
18 - fill="url(#linear_title2_u)" 18 + fill="url(#title2_0)"
19 transform="translate(0 0) rotate(0 160 15)" 19 transform="translate(0 0) rotate(0 160 15)"
20 opacity="1" 20 opacity="1"
21 :d="`M2.77,${h} L${w},${h} L${w},0 L${ 21 :d="`M2.77,${h} L${w},${h} L${w},0 L${
@@ -24,7 +24,7 @@ @@ -24,7 +24,7 @@
24 /> 24 />
25 <path 25 <path
26 id="矩形 title2_u" 26 id="矩形 title2_u"
27 - style="stroke: url(#linear_title2_d); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0" 27 + style="stroke: url(#title2_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
28 transform="translate(0 0) rotate(0 160 15)" 28 transform="translate(0 0) rotate(0 160 15)"
29 :d="`M2.77,${h} L${w},${h} L${w},0 L11.44,0 C10.58,0 9.81,0.55 9.54,1.37 L0.88,27.37 C0.68,27.98 0.78,28.65 1.15,29.17 C1.53,29.69 2.13,30 2.77,30 Z `" 29 :d="`M2.77,${h} L${w},${h} L${w},0 L11.44,0 C10.58,0 9.81,0.55 9.54,1.37 L0.88,27.37 C0.68,27.98 0.78,28.65 1.15,29.17 C1.53,29.69 2.13,30 2.77,30 Z `"
30 /> 30 />
@@ -2,15 +2,15 @@ @@ -2,15 +2,15 @@
2 <div class="go-content-box"> 2 <div class="go-content-box">
3 <svg :width="w" :height="h" fill="none"> 3 <svg :width="w" :height="h" fill="none">
4 <defs> 4 <defs>
5 - <linearGradient id="linear_0" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox"> 5 + <linearGradient id="title3_0" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
6 <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="1" /> 6 <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="1" />
7 <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="1" /> 7 <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="1" />
8 </linearGradient> 8 </linearGradient>
9 - <linearGradient id="linear_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox"> 9 + <linearGradient id="title3_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
10 <stop offset="0" :stop-color="attribute.linearColors[2]" stop-opacity="1" /> 10 <stop offset="0" :stop-color="attribute.linearColors[2]" stop-opacity="1" />
11 <stop offset="1" :stop-color="attribute.linearColors[3]" stop-opacity="0" /> 11 <stop offset="1" :stop-color="attribute.linearColors[3]" stop-opacity="0" />
12 </linearGradient> 12 </linearGradient>
13 - <linearGradient id="linear_2" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox"> 13 + <linearGradient id="title3_2" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
14 <stop offset="0" :stop-color="attribute.linearColors[4]" stop-opacity="1" /> 14 <stop offset="0" :stop-color="attribute.linearColors[4]" stop-opacity="1" />
15 <stop offset="1" :stop-color="attribute.linearColors[5]" stop-opacity="0" /> 15 <stop offset="1" :stop-color="attribute.linearColors[5]" stop-opacity="0" />
16 </linearGradient> 16 </linearGradient>
@@ -19,7 +19,7 @@ @@ -19,7 +19,7 @@
19 <path 19 <path
20 id="矩形 16" 20 id="矩形 16"
21 fill-rule="evenodd" 21 fill-rule="evenodd"
22 - fill="url(#linear_0)" 22 + fill="url(#title3_0)"
23 transform="translate(6.249999895402425e-8 2) rotate(0 160 13)" 23 transform="translate(6.249999895402425e-8 2) rotate(0 160 13)"
24 opacity="1" 24 opacity="1"
25 :d="`M0,${h - 5} L${w},${h - 5} L${w},0 L0,0 L0,${h - 5} Z`" 25 :d="`M0,${h - 5} L${w},${h - 5} L${w},0 L0,0 L0,${h - 5} Z`"
@@ -42,13 +42,13 @@ @@ -42,13 +42,13 @@
42 </g> 42 </g>
43 <path 43 <path
44 id="路径 5" 44 id="路径 5"
45 - style="stroke: url(#linear_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0" 45 + style="stroke: url(#title3_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
46 transform="translate(6.249999895402425e-8 30) rotate(0 160 0)" 46 transform="translate(6.249999895402425e-8 30) rotate(0 160 0)"
47 d="M0,0L320,0 " 47 d="M0,0L320,0 "
48 /> 48 />
49 <path 49 <path
50 id="路径 5" 50 id="路径 5"
51 - style="stroke: url(#linear_2); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0" 51 + style="stroke: url(#title3_2); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
52 transform="translate(6.249999895402425e-8 0) rotate(0 160 0)" 52 transform="translate(6.249999895402425e-8 0) rotate(0 160 0)"
53 d="M0,0L320,0 " 53 d="M0,0L320,0 "
54 /> 54 />