jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(projects): 页面各部分背景颜色添加自然过渡

Browse Source
This commit is contained in:
Soybean
2021-11-18 21:57:20 +08:00
parent 6940f37697
commit 1c5fdca596
6 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/custom/ChromeTab/components/SvgRadiusBg.vue
View File

@ -12,11 +12,23 @@
</clipPath>
</defs>
<svg width="52%" height="100%">
<use xlink:href="#geometry-left" width="214" height="36" :fill="fill"></use>
<use
xlink:href="#geometry-left"
width="214"
height="36"
:fill="fill"
class="transition-fill duration-300 ease-in-out"
></use>
</svg>
<g transform="scale(-1, 1)">
<svg width="52%" height="100%" x="-100%" y="0">
<use xlink:href="#geometry-right" width="214" height="36" :fill="fill"></use>
<use
xlink:href="#geometry-right"
width="214"
height="36"
:fill="fill"
class="transition-fill duration-300 ease-in-out"
></use>
</svg>
</g>
</svg>