ykxiao
/
DemuMesDataV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes: Style compatibility and gradient exceptions

This commit is contained in:
jiaming743 2019-08-27 10:21:42 +08:00
parent 4bd17d0a07
commit e069d52544
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
lib/components/percentPond/src/main.css
View File

@ -1,7 +1,15 @@
.dv-percent-pond {
position: relative;
display: flex;
flex-direction: column;
}
.dv-percent-pond svg {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.dv-percent-pond polyline {
transition: all 0.3s;
}

4
lib/components/percentPond/src/main.vue
View File

@ -4,13 +4,13 @@
<defs>
<linearGradient :id="gradientId1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop v-for="lc in linearGradient" :key="lc[0]"
:offset="lc[0]"
:offset="`${lc[0]}%`"
:stop-color="lc[1]" />
</linearGradient>
<linearGradient :id="gradientId2" x1="0%" y1="0%" :x2="gradient2XPos" y2="0%">
<stop v-for="lc in linearGradient" :key="lc[0]"
:offset="lc[0]"
:offset="`${lc[0]}%`"
:stop-color="lc[1]" />
</linearGradient>
</defs>

13
src/components/percentPond/src/main.vue
View File

@ -4,13 +4,13 @@
<defs>
<linearGradient :id="gradientId1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop v-for="lc in linearGradient" :key="lc[0]"
:offset="lc[0]"
:offset="`${lc[0]}%`"
:stop-color="lc[1]" />
</linearGradient>
<linearGradient :id="gradientId2" x1="0%" y1="0%" :x2="gradient2XPos" y2="0%">
<stop v-for="lc in linearGradient" :key="lc[0]"
:offset="lc[0]"
:offset="`${lc[0]}%`"
:stop-color="lc[1]" />
</linearGradient>
</defs>
@ -254,9 +254,18 @@ export default {
<style lang="less">
.dv-percent-pond {
position: relative;
display: flex;
flex-direction: column;
svg {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
polyline {
transition: all 0.3s;
}