Compare commits

...

2 Commits

Author SHA1 Message Date
userName 8b6ad690b1 Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo 2025-02-14 16:10:30 +08:00
userName 8d63417cb5 导航页左右组件可配置大小 2025-02-14 16:10:20 +08:00
2 changed files with 53 additions and 31 deletions

View File

@ -14,6 +14,10 @@
<stop :stop-color="colors[0]" stop-opacity="0" offset="0%"></stop>
<stop :stop-color="colors[0]" offset="100%"></stop>
</linearGradient>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" :id="`33-${boxId}`">
<stop :stop-color="colors[0]" stop-opacity="0" offset="0"></stop>
<stop :stop-color="colors[0]" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.4839755%" :id="`4-${boxId}`">
<stop :stop-color="colors[0]" offset="0%"></stop>
<stop :stop-color="colors[0]" offset="50.0147947%"></stop>
@ -27,32 +31,25 @@
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="林业防火-导航页-图标区" transform="translate(-138, -5)">
<g id="图形-左" transform="translate(138, 8)">
<polygon class="polychild1" id="矩形" :stroke="`url(#1-${boxId})`" stroke-width="2" points="128 22 455 22 455 162 128 162 186 89.8917957"></polygon>
<polygon id="矩形" :fill="`url(#2-${boxId})`" points="128 22 455 22 455 162 128 162 128 89.637655"></polygon>
<!-- w: 456, h: 190 -->
<!-- <polygon
id="矩形" stroke-width="2"
:stroke="`url(#1-${boxId})`"
:points="`128 ${h - 22} 455 ${h - 22} 455 ${h - 162} 128 ${h - 162} 186 ${h - 89.8917957}`"
/>
<!-- <polygon class="polychild1" id="矩形" :stroke="`url(#1-${boxId})`" stroke-width="2" points="128 22 455 22 455 162 128 162 186 89.8917957"></polygon> -->
<!-- <polygon id="矩形" :fill="`url(#2-${boxId})`" points="128 22 455 22 455 162 128 162 128 89.637655"></polygon> -->
<polygon
id="矩形"
:fill="`url(#2-${boxId})`"
:points="`${w - 128} 22 ${w - 455} 22 ${w - 455} 162 ${w - 128} 162 ${w - 128} 89.637655`"
/> -->
<rect id="矩形" :fill="`url(#3-${boxId})`" opacity="0.752117339" x="276" y="60" width="123" height="65"></rect>
<rect id="矩形" :fill="`url(#3-${boxId})`" opacity="0.752117339" transform="translate(214.5, 92.5) scale(-1, 1) translate(-214.5, -92.5)" x="153" y="60" width="123" height="65"></rect>
:stroke="`url(#1-${boxId})`"
stroke-width="2"
:points="`${w/4} ${h/4*0.5} ${w} ${h/4*0.5} ${w} ${h/4*3.5} ${w/4} ${h/4*3.5} ${w/2.6} ${h/2}`"
/>
<polygon
id="矩形" :fill="`url(#2-${boxId})`"
:points="`${w/4} ${h/4*0.5} ${w} ${h/4*0.5} ${w} ${h/4*3.5} ${w/4} ${h/4*3.5} ${w/2.6} ${h/2}`"
/>
<rect id="矩形" :fill="`url(#3-${boxId})`" opacity="0.752117339" :x="`${w/3*2}`" :y="`${h/3}`" :width="`${w/4}`" :height="`${h/3}`"></rect>
<rect id="矩形" :fill="`url(#33-${boxId})`" opacity="0.752117339" :x="`${w/3*2-w/4}`" :y="`${h/3}`" :width="`${w/4}`" :height="`${h/3}`"></rect>
<g id="编组-6">
<!-- w: 456, h: 190 -->
<polygon id="多边形" :fill="`url(#4-${boxId})`" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon>
<polygon id="多边形" :stroke="`url(#5-${boxId})`" stroke-width="4" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon>
<!-- w: 456, h: 190 -->
<!-- <polygon
id="多边形"
:fill="`url(#4-${boxId})`"
:points="`${w - 92} 0 ${w - 171.674337} 46 ${w - 171.674337} 138 ${w - 92} 184 ${w - 12.3256629} 138 ${w - 12.3256629} 46`"
/> -->
<!-- <polygon
<!-- <polygon id="多边形" :fill="`url(#4-${boxId})`" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon> -->
<!-- <polygon id="多边形" :stroke="`url(#5-${boxId})`" stroke-width="4" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon> -->
<polygon
id="多边形"
:fill="`url(#4-${boxId})`"
:points="`${w/4.8} 5 ${w/2.6} ${h/4} ${w/2.6} ${h/4*3} ${w/4.8} ${h-5} 12.3256629 ${h/4*3} 12.3256629 ${h/4}`"
@ -61,7 +58,7 @@
id="多边形" stroke-width="4"
:stroke="`url(#5-${boxId})`"
:points="`${w/4.8} 5 ${w/2.6} ${h/4} ${w/2.6} ${h/4*3} ${w/4.8} ${h-5} 12.3256629 ${h/4*3} 12.3256629 ${h/4}`"
/> -->
/>
</g>
</g>
</g>

View File

@ -15,6 +15,10 @@
<stop :stop-color="colors[0]" stop-opacity="0" offset="0%"></stop>
<stop :stop-color="colors[0]" offset="100%"></stop>
</linearGradient>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" :id="`333-${boxId}`">
<stop :stop-color="colors[0]" stop-opacity="0" offset="0"></stop>
<stop :stop-color="colors[0]" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.4839755%" :id="`44-${boxId}`">
<stop :stop-color="colors[0]" offset="0%"></stop>
<stop :stop-color="colors[0]" offset="50.0147947%"></stop>
@ -28,14 +32,35 @@
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="林业防火-导航页-图标区" transform="translate(-747, -5)">
<g id="图形-右" transform="translate(975.5, 100) scale(-1, 1) translate(-975.5, -100)translate(748, 8)">
<polygon id="矩形" :stroke="`url(#11-${boxId})`" stroke-width="2" points="128 22 455 22 455 162 128 162 186 89.8917957"></polygon>
<polygon id="矩形" :fill="`url(#22-${boxId})`" points="128 22 455 22 455 162 128 162 128 89.637655"></polygon>
<rect id="矩形" :fill="`url(#33-${boxId})`" x="276" y="60" width="123" height="65"></rect>
<rect id="矩形" :fill="`url(#33-${boxId})`" transform="translate(214.5, 92.5) scale(-1, 1) translate(-214.5, -92.5)" x="153" y="60" width="123" height="65"></rect>
<!-- <polygon id="矩形" :stroke="`url(#11-${boxId})`" stroke-width="2" points="128 22 455 22 455 162 128 162 186 89.8917957"></polygon> -->
<!-- <polygon id="矩形" :fill="`url(#22-${boxId})`" points="128 22 455 22 455 162 128 162 128 89.637655"></polygon> -->
<polygon
id="矩形"
:stroke="`url(#11-${boxId})`"
stroke-width="2"
:points="`${-w/1.2+500} ${h/4*0.5} 455 ${h/4*0.5} 455 ${h/4*3.5} ${-w/1.2+470} ${h/4*3.5} ${-w/1.2+560} ${h/2}`"
/>
<polygon
id="矩形" :fill="`url(#22-${boxId})`"
:points="`${-w/1.2+500} ${h/4*0.5} 455 ${h/4*0.5} 455 ${h/4*3.5} ${-w/1.2+470} ${h/4*3.5} ${-w/1.2+470} ${h/2}`"
/>
<rect id="矩形" :fill="`url(#33-${boxId})`" :x="`${-w/1.2+570+w/4}`" :y="`${h/3}`" :width="`${w/4}`" :height="`${h/3}`"></rect>
<rect id="矩形" :fill="`url(#333-${boxId})`" :x="`${-w/1.2+570}`" :y="`${h/3}`" :width="`${w/4}`" :height="`${h/3}`"></rect>
<g id="编组-6">
<polygon id="多边形" :fill="`url(#44-${boxId})`" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon>
<polygon id="多边形" :stroke="`url(#55-${boxId})`" stroke-width="4" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon>
</g>
<!-- <polygon id="多边形" :fill="`url(#44-${boxId})`" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon> -->
<!-- <polygon id="多边形" :stroke="`url(#55-${boxId})`" stroke-width="4" points="92 0 171.674337 46 171.674337 138 92 184 12.3256629 138 12.3256629 46"></polygon> -->
<!-- w: 456, h: 190, -->
<polygon
id="多边形"
:fill="`url(#44-${boxId})`"
:points="`${-w/1.2+470} 5 ${-w/1.5+480} ${h/4} ${-w/1.5+480} ${h/4*3} ${-w/1.2+470} ${h-5} ${-w + 465} ${h/4*3} ${-w + 465} ${h/4}`"
/>
<polygon
id="多边形" stroke-width="4"
:stroke="`url(#55-${boxId})`"
:points="`${-w/1.2+470} 5 ${-w/1.5+480} ${h/4} ${-w/1.5+480} ${h/4*3} ${-w/1.2+470} ${h-5} ${-w + 465} ${h/4*3} ${-w + 465} ${h/4}`"
/>
</g>
</g>
</g>
</g>