feat: 初始化菜单栏，交互待完善
parent
1017acbbde
commit
6c0e7a2220
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,467 @@
|
||||
{
|
||||
"v": "5.6.10",
|
||||
"fr": 25,
|
||||
"ip": 0,
|
||||
"op": 50,
|
||||
"w": 1000,
|
||||
"h": 1000,
|
||||
"nm": "合成 1",
|
||||
"ddd": 0,
|
||||
"assets": [
|
||||
{
|
||||
"id": "image_0",
|
||||
"w": 722,
|
||||
"h": 792,
|
||||
"u": "images/",
|
||||
"p": "img_0.png",
|
||||
"e": 0
|
||||
},
|
||||
{
|
||||
"id": "image_1",
|
||||
"w": 1000,
|
||||
"h": 1000,
|
||||
"u": "images/",
|
||||
"p": "img_1.png",
|
||||
"e": 0
|
||||
}
|
||||
],
|
||||
"layers": [
|
||||
{
|
||||
"ddd": 0,
|
||||
"ind": 1,
|
||||
"ty": 4,
|
||||
"nm": "圆圈3",
|
||||
"sr": 1,
|
||||
"ks": {
|
||||
"o": { "a": 0, "k": 100, "ix": 11 },
|
||||
"r": { "a": 0, "k": 0, "ix": 10 },
|
||||
"p": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 0,
|
||||
"s": [659.25, 198.75, 0],
|
||||
"to": [0, -6.5, 0],
|
||||
"ti": [0, 0, 0]
|
||||
},
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 25,
|
||||
"s": [659.25, 159.75, 0],
|
||||
"to": [0, 0, 0],
|
||||
"ti": [0, -6.5, 0]
|
||||
},
|
||||
{ "t": 50, "s": [659.25, 198.75, 0] }
|
||||
],
|
||||
"ix": 2
|
||||
},
|
||||
"a": { "a": 0, "k": [-5.25, 0.25, 0], "ix": 1 },
|
||||
"s": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 0,
|
||||
"s": [100, 100, 100]
|
||||
},
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 25,
|
||||
"s": [60, 60, 100]
|
||||
},
|
||||
{ "t": 50, "s": [100, 100, 100] }
|
||||
],
|
||||
"ix": 6
|
||||
}
|
||||
},
|
||||
"ao": 0,
|
||||
"sy": [
|
||||
{
|
||||
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 5 },
|
||||
"o": { "a": 0, "k": 30, "ix": 2 },
|
||||
"s": { "a": 0, "k": 10, "ix": 11 },
|
||||
"r": { "a": 0, "k": 49.4, "ix": 12 },
|
||||
"sr": { "a": 0, "k": 1, "ix": 9 },
|
||||
"ch": { "a": 0, "k": 0, "ix": 10 },
|
||||
"bm": { "a": 0, "k": 11, "ix": 1 },
|
||||
"no": { "a": 0, "k": 0, "ix": 3 },
|
||||
"j": { "a": 0, "k": 0, "ix": 13 },
|
||||
"ty": 4,
|
||||
"nm": "内发光"
|
||||
}
|
||||
],
|
||||
"shapes": [
|
||||
{
|
||||
"ty": "gr",
|
||||
"it": [
|
||||
{
|
||||
"d": 1,
|
||||
"ty": "el",
|
||||
"s": { "a": 0, "k": [28, 28], "ix": 2 },
|
||||
"p": { "a": 0, "k": [0, 0], "ix": 3 },
|
||||
"nm": "椭圆路径 1",
|
||||
"mn": "ADBE Vector Shape - Ellipse",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "tr",
|
||||
"p": { "a": 0, "k": [-5.25, 0.25], "ix": 2 },
|
||||
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
||||
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
||||
"r": { "a": 0, "k": 0, "ix": 6 },
|
||||
"o": { "a": 0, "k": 100, "ix": 7 },
|
||||
"sk": { "a": 0, "k": 0, "ix": 4 },
|
||||
"sa": { "a": 0, "k": 0, "ix": 5 },
|
||||
"nm": "变换"
|
||||
}
|
||||
],
|
||||
"nm": "椭圆 1",
|
||||
"np": 3,
|
||||
"cix": 2,
|
||||
"bm": 0,
|
||||
"ix": 1,
|
||||
"mn": "ADBE Vector Group",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "gf",
|
||||
"o": { "a": 0, "k": 100, "ix": 10 },
|
||||
"r": 1,
|
||||
"bm": 0,
|
||||
"g": {
|
||||
"p": 2,
|
||||
"k": { "a": 0, "k": [0, 1, 1, 1, 1, 0, 0, 0], "ix": 9 }
|
||||
},
|
||||
"s": { "a": 0, "k": [6.2, 4.9], "ix": 5 },
|
||||
"e": { "a": 0, "k": [-5, -15], "ix": 6 },
|
||||
"t": 1,
|
||||
"nm": "Gradient Fill 3",
|
||||
"mn": "ADBE Vector Graphic - G-Fill",
|
||||
"hd": false
|
||||
}
|
||||
],
|
||||
"ip": 0,
|
||||
"op": 75,
|
||||
"st": 0,
|
||||
"bm": 0
|
||||
},
|
||||
{
|
||||
"ddd": 0,
|
||||
"ind": 2,
|
||||
"ty": 4,
|
||||
"nm": "圆圈2",
|
||||
"sr": 1,
|
||||
"ks": {
|
||||
"o": { "a": 0, "k": 100, "ix": 11 },
|
||||
"r": { "a": 0, "k": 0, "ix": 10 },
|
||||
"p": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 0,
|
||||
"s": [254.75, 274.75, 0],
|
||||
"to": [0, 5, 0],
|
||||
"ti": [0, 0, 0]
|
||||
},
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 25,
|
||||
"s": [254.75, 304.75, 0],
|
||||
"to": [0, 0, 0],
|
||||
"ti": [0, 5, 0]
|
||||
},
|
||||
{ "t": 50, "s": [254.75, 274.75, 0] }
|
||||
],
|
||||
"ix": 2
|
||||
},
|
||||
"a": { "a": 0, "k": [-5.25, 0.25, 0], "ix": 1 },
|
||||
"s": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 0,
|
||||
"s": [100, 100, 100]
|
||||
},
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 25,
|
||||
"s": [60, 60, 100]
|
||||
},
|
||||
{ "t": 50, "s": [100, 100, 100] }
|
||||
],
|
||||
"ix": 6
|
||||
}
|
||||
},
|
||||
"ao": 0,
|
||||
"sy": [
|
||||
{
|
||||
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 5 },
|
||||
"o": { "a": 0, "k": 30, "ix": 2 },
|
||||
"s": { "a": 0, "k": 10, "ix": 11 },
|
||||
"r": { "a": 0, "k": 49.4, "ix": 12 },
|
||||
"sr": { "a": 0, "k": 1, "ix": 9 },
|
||||
"ch": { "a": 0, "k": 0, "ix": 10 },
|
||||
"bm": { "a": 0, "k": 11, "ix": 1 },
|
||||
"no": { "a": 0, "k": 0, "ix": 3 },
|
||||
"j": { "a": 0, "k": 0, "ix": 13 },
|
||||
"ty": 4,
|
||||
"nm": "内发光"
|
||||
}
|
||||
],
|
||||
"shapes": [
|
||||
{
|
||||
"ty": "gr",
|
||||
"it": [
|
||||
{
|
||||
"d": 1,
|
||||
"ty": "el",
|
||||
"s": { "a": 0, "k": [24, 24], "ix": 2 },
|
||||
"p": { "a": 0, "k": [0, 0], "ix": 3 },
|
||||
"nm": "椭圆路径 1",
|
||||
"mn": "ADBE Vector Shape - Ellipse",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "tr",
|
||||
"p": { "a": 0, "k": [-5.25, 0.25], "ix": 2 },
|
||||
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
||||
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
||||
"r": { "a": 0, "k": 0, "ix": 6 },
|
||||
"o": { "a": 0, "k": 100, "ix": 7 },
|
||||
"sk": { "a": 0, "k": 0, "ix": 4 },
|
||||
"sa": { "a": 0, "k": 0, "ix": 5 },
|
||||
"nm": "变换"
|
||||
}
|
||||
],
|
||||
"nm": "椭圆 1",
|
||||
"np": 3,
|
||||
"cix": 2,
|
||||
"bm": 0,
|
||||
"ix": 1,
|
||||
"mn": "ADBE Vector Group",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "gf",
|
||||
"o": { "a": 0, "k": 100, "ix": 10 },
|
||||
"r": 1,
|
||||
"bm": 0,
|
||||
"g": {
|
||||
"p": 2,
|
||||
"k": { "a": 0, "k": [0, 1, 1, 1, 1, 0, 0, 0], "ix": 9 }
|
||||
},
|
||||
"s": { "a": 0, "k": [6.2, 4.9], "ix": 5 },
|
||||
"e": { "a": 0, "k": [-5, -15], "ix": 6 },
|
||||
"t": 1,
|
||||
"nm": "Gradient Fill 2",
|
||||
"mn": "ADBE Vector Graphic - G-Fill",
|
||||
"hd": false
|
||||
}
|
||||
],
|
||||
"ip": 0,
|
||||
"op": 75,
|
||||
"st": 0,
|
||||
"bm": 0
|
||||
},
|
||||
{
|
||||
"ddd": 0,
|
||||
"ind": 3,
|
||||
"ty": 4,
|
||||
"nm": "圆圈1",
|
||||
"sr": 1,
|
||||
"ks": {
|
||||
"o": { "a": 0, "k": 100, "ix": 11 },
|
||||
"r": { "a": 0, "k": 0, "ix": 10 },
|
||||
"p": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": 0.833, "y": 0.833 },
|
||||
"o": { "x": 0.167, "y": 0.167 },
|
||||
"t": 0,
|
||||
"s": [741.75, 349.75, 0],
|
||||
"to": [0, 5.333, 0],
|
||||
"ti": [0, 0, 0]
|
||||
},
|
||||
{
|
||||
"i": { "x": 0.833, "y": 0.833 },
|
||||
"o": { "x": 0.167, "y": 0.167 },
|
||||
"t": 25,
|
||||
"s": [741.75, 381.75, 0],
|
||||
"to": [0, 0, 0],
|
||||
"ti": [0, 5.333, 0]
|
||||
},
|
||||
{ "t": 50, "s": [741.75, 349.75, 0] }
|
||||
],
|
||||
"ix": 2
|
||||
},
|
||||
"a": { "a": 0, "k": [-5.25, 0.25, 0], "ix": 1 },
|
||||
"s": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 0,
|
||||
"s": [100, 100, 100]
|
||||
},
|
||||
{
|
||||
"i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
|
||||
"o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
|
||||
"t": 25,
|
||||
"s": [60, 60, 100]
|
||||
},
|
||||
{ "t": 50, "s": [100, 100, 100] }
|
||||
],
|
||||
"ix": 6
|
||||
}
|
||||
},
|
||||
"ao": 0,
|
||||
"sy": [
|
||||
{
|
||||
"c": { "a": 0, "k": [1, 1, 1, 1], "ix": 5 },
|
||||
"o": { "a": 0, "k": 30, "ix": 2 },
|
||||
"s": { "a": 0, "k": 10, "ix": 11 },
|
||||
"r": { "a": 0, "k": 49.4, "ix": 12 },
|
||||
"sr": { "a": 0, "k": 1, "ix": 9 },
|
||||
"ch": { "a": 0, "k": 0, "ix": 10 },
|
||||
"bm": { "a": 0, "k": 11, "ix": 1 },
|
||||
"no": { "a": 0, "k": 0, "ix": 3 },
|
||||
"j": { "a": 0, "k": 0, "ix": 13 },
|
||||
"ty": 4,
|
||||
"nm": "内发光"
|
||||
}
|
||||
],
|
||||
"shapes": [
|
||||
{
|
||||
"ty": "gr",
|
||||
"it": [
|
||||
{
|
||||
"d": 1,
|
||||
"ty": "el",
|
||||
"s": { "a": 0, "k": [32, 32], "ix": 2 },
|
||||
"p": { "a": 0, "k": [0, 0], "ix": 3 },
|
||||
"nm": "椭圆路径 1",
|
||||
"mn": "ADBE Vector Shape - Ellipse",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "gf",
|
||||
"o": { "a": 0, "k": 100, "ix": 10 },
|
||||
"r": 1,
|
||||
"bm": 0,
|
||||
"g": {
|
||||
"p": 2,
|
||||
"k": { "a": 0, "k": [0, 1, 1, 1, 1, 0, 0, 0], "ix": 9 }
|
||||
},
|
||||
"s": { "a": 0, "k": [6.2, 4.9], "ix": 5 },
|
||||
"e": { "a": 0, "k": [-5, -15], "ix": 6 },
|
||||
"t": 1,
|
||||
"nm": "Gradient Fill 1",
|
||||
"mn": "ADBE Vector Graphic - G-Fill",
|
||||
"hd": false
|
||||
},
|
||||
{
|
||||
"ty": "tr",
|
||||
"p": { "a": 0, "k": [-5.25, 0.25], "ix": 2 },
|
||||
"a": { "a": 0, "k": [0, 0], "ix": 1 },
|
||||
"s": { "a": 0, "k": [100, 100], "ix": 3 },
|
||||
"r": { "a": 0, "k": 0, "ix": 6 },
|
||||
"o": { "a": 0, "k": 100, "ix": 7 },
|
||||
"sk": { "a": 0, "k": 0, "ix": 4 },
|
||||
"sa": { "a": 0, "k": 0, "ix": 5 },
|
||||
"nm": "变换"
|
||||
}
|
||||
],
|
||||
"nm": "椭圆 1",
|
||||
"np": 3,
|
||||
"cix": 2,
|
||||
"bm": 0,
|
||||
"ix": 1,
|
||||
"mn": "ADBE Vector Group",
|
||||
"hd": false
|
||||
}
|
||||
],
|
||||
"ip": 0,
|
||||
"op": 75,
|
||||
"st": 0,
|
||||
"bm": 0
|
||||
},
|
||||
{
|
||||
"ddd": 0,
|
||||
"ind": 5,
|
||||
"ty": 2,
|
||||
"nm": "Group 427319780.png",
|
||||
"cl": "png",
|
||||
"refId": "image_0",
|
||||
"sr": 1,
|
||||
"ks": {
|
||||
"o": { "a": 0, "k": 100, "ix": 11 },
|
||||
"r": { "a": 0, "k": 0, "ix": 10 },
|
||||
"p": {
|
||||
"a": 1,
|
||||
"k": [
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 0,
|
||||
"s": [500, 363.75, 0],
|
||||
"to": [0, -4.5, 0],
|
||||
"ti": [0, 0, 0]
|
||||
},
|
||||
{
|
||||
"i": { "x": 0.667, "y": 1 },
|
||||
"o": { "x": 0.333, "y": 0 },
|
||||
"t": 25,
|
||||
"s": [500, 336.75, 0],
|
||||
"to": [0, 0, 0],
|
||||
"ti": [0, -4.5, 0]
|
||||
},
|
||||
{ "t": 50, "s": [500, 363.75, 0] }
|
||||
],
|
||||
"ix": 2
|
||||
},
|
||||
"a": { "a": 0, "k": [361, 440.811, 0], "ix": 1 },
|
||||
"s": { "a": 0, "k": [53, 53, 100], "ix": 6 }
|
||||
},
|
||||
"ao": 0,
|
||||
"ip": 0,
|
||||
"op": 75,
|
||||
"st": 0,
|
||||
"bm": 0
|
||||
},
|
||||
{
|
||||
"ddd": 0,
|
||||
"ind": 6,
|
||||
"ty": 2,
|
||||
"nm": "image 460.png",
|
||||
"cl": "png",
|
||||
"refId": "image_1",
|
||||
"sr": 1,
|
||||
"ks": {
|
||||
"o": { "a": 0, "k": 100, "ix": 11 },
|
||||
"r": { "a": 0, "k": 0, "ix": 10 },
|
||||
"p": { "a": 0, "k": [500, 454, 0], "ix": 2 },
|
||||
"a": { "a": 0, "k": [500, 500, 0], "ix": 1 },
|
||||
"s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
|
||||
},
|
||||
"ao": 0,
|
||||
"ip": 0,
|
||||
"op": 51,
|
||||
"st": 0,
|
||||
"bm": 0
|
||||
}
|
||||
],
|
||||
"markers": [{ "tm": 50, "cm": "1", "dr": 0 }]
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
<svg width="430" height="50" viewBox="0 0 430 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_8677_100865)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H448.786V50H0V0Z" fill="url(#paint0_linear_8677_100865)"/>
|
||||
<line y1="49.5" x2="8" y2="49.5" stroke="#3656C8"/>
|
||||
<line x1="10" y1="49.5" x2="18" y2="49.5" stroke="#3656C8" stroke-opacity="0.6"/>
|
||||
<line x1="20" y1="49.5" x2="28" y2="49.5" stroke="#3656C8" stroke-opacity="0.2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H448.786V2H0V0Z" fill="url(#paint1_linear_8677_100865)"/>
|
||||
<rect y="17" width="2" height="16" fill="#3656C8"/>
|
||||
</g>
|
||||
<path opacity="0.3" d="M402.464 49.0007H34L34.7086 50C35.042 49.9963 402.909 49.9364 402.874 49.9963L406 46.0029C406 45.9993 405.479 45 405.479 45L402.464 49.0007Z" fill="#3656C8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M202.476 49H227.524V50H202.476V49Z" fill="url(#paint2_linear_8677_100865)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_8677_100865" x1="0" y1="33.7505" x2="448.786" y2="33.7505" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3252C6" stop-opacity="0"/>
|
||||
<stop stop-color="#3252C6" stop-opacity="0.4"/>
|
||||
<stop offset="1" stop-color="#3252C6" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_8677_100865" x1="-2.08574e-06" y1="1.00164" x2="448.786" y2="1.00164" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3656C8"/>
|
||||
<stop offset="1" stop-color="#2994FC" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_8677_100865" x1="215" y1="49" x2="215" y2="50" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FEF643"/>
|
||||
<stop offset="1" stop-color="#FFA217"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_8677_100865">
|
||||
<rect width="430" height="50" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 MiB |
@ -0,0 +1,94 @@
|
||||
<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.69434" y="46.9678" width="67.7647" height="31.0323" fill="url(#paint0_linear_9384_52486)"/>
|
||||
<g filter="url(#filter0_ii_9384_52486)">
|
||||
<ellipse cx="35.576" cy="47.8064" rx="23.7176" ry="11.7419" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9384_52486)">
|
||||
<ellipse cx="35.5767" cy="47.8064" rx="33.8824" ry="16.7742" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.8588 47.8065H59.2941L72 0H0Z" fill="url(#paint1_linear_9384_52486)"/>
|
||||
<path d="M36.0889 15.5095V18.0122" stroke="url(#paint2_linear_9384_52486)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.8704 18.226C47.3723 18.6418 47.4388 19.3816 47.0189 19.8786L45.4012 21.7931C44.9813 22.29 44.2341 22.3558 43.7322 21.9401C43.2303 21.5244 43.1639 20.7845 43.5837 20.2876L45.2014 18.373C45.6213 17.8761 46.3685 17.8103 46.8704 18.226Z" fill="url(#paint3_linear_9384_52486)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.6101 28.0585C52.7229 28.6967 52.2918 29.3046 51.6473 29.4163L49.1197 29.8542C48.4751 29.9659 47.8612 29.5391 47.7484 28.9009C47.6356 28.2627 48.0667 27.6548 48.7112 27.5431L51.2388 27.1052C51.8834 26.9935 52.4973 27.4203 52.6101 28.0585Z" fill="url(#paint4_linear_9384_52486)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5785 28.0585C19.6913 27.4203 20.3052 26.9935 20.9498 27.1052L23.4774 27.5431C24.1219 27.6548 24.553 28.2627 24.4402 28.9009C24.3274 29.5391 23.7135 29.9659 23.0689 29.8542L20.5413 29.4163C19.8968 29.3046 19.4657 28.6967 19.5785 28.0585Z" fill="url(#paint5_linear_9384_52486)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3054 18.2375C25.8008 17.8143 26.549 17.8689 26.9764 18.3595L28.6447 20.274C29.0721 20.7646 29.017 21.5053 28.5215 21.9286C28.0261 22.3518 27.2779 22.2972 26.8505 21.8067L25.1823 19.8921C24.7548 19.4016 24.81 18.6608 25.3054 18.2375Z" fill="url(#paint6_linear_9384_52486)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7383 45.5415C19.7383 44.8936 20.2687 44.3684 20.9231 44.3684H52.101C52.7553 44.3684 53.2858 44.8936 53.2858 45.5415C53.2858 46.1894 52.7553 46.7147 52.101 46.7147H20.9231C20.2687 46.7147 19.7383 46.1894 19.7383 45.5415Z" fill="url(#paint7_linear_9384_52486)"/>
|
||||
<path d="M43.2413 26.2604L43.2428 26.2628C44.0968 27.5942 44.5507 29.1378 44.5522 30.7138V45.805H27.6387V30.713V30.713C27.6386 28.9021 28.233 27.1394 29.3335 25.6907C30.434 24.2418 31.9815 23.1852 33.7434 22.6816C35.5053 22.1779 37.385 22.255 39.0986 22.9011C40.8121 23.5472 42.2657 24.7267 43.2413 26.2604Z" fill="url(#paint8_linear_9384_52486)" stroke="url(#paint9_linear_9384_52486)" stroke-width="1.5"/>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9384_52486" x="10.8584" y="35.0645" width="49.4355" height="25.4839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9384_52486"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9384_52486" result="effect2_innerShadow_9384_52486"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9384_52486" x="0.694336" y="30.0322" width="69.7646" height="35.5483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9384_52486"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9384_52486" result="effect2_innerShadow_9384_52486"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9384_52486" x1="35.5767" y1="46.9678" x2="35.5767" y2="78" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9384_52486" x1="36" y1="0" x2="36" y2="47.8065" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9384_52486" x1="36.5885" y1="15.4962" x2="35.1662" y2="17.1911" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9384_52486" x1="45.3" y1="17.9299" x2="43.7385" y2="22.2881" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_9384_52486" x1="50.1777" y1="27.0725" x2="49.5865" y2="30.1737" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_9384_52486" x1="22.0078" y1="27.0725" x2="21.4166" y2="30.1737" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_9384_52486" x1="26.9122" y1="17.9299" x2="25.3658" y2="22.3005" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_9384_52486" x1="36.5014" y1="44.3559" x2="36.4379" y2="47.0624" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_9384_52486" x1="36.0896" y1="21.4698" x2="25.2436" y2="45.3406" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_9384_52486" x1="36.0896" y1="21.4698" x2="25.2436" y2="45.3406" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.4 KiB |
@ -0,0 +1,65 @@
|
||||
<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.69336" y="46.9678" width="67.7647" height="31.0323" fill="url(#paint0_linear_9391_54150)"/>
|
||||
<g filter="url(#filter0_ii_9391_54150)">
|
||||
<ellipse cx="35.577" cy="47.8064" rx="23.7176" ry="11.7419" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9391_54150)">
|
||||
<ellipse cx="35.5757" cy="47.8064" rx="33.8824" ry="16.7742" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.8588 47.8065H59.2941L72 0H0Z" fill="url(#paint1_linear_9391_54150)"/>
|
||||
<path d="M49.071 22.0841L49.071 22.0842L49.0808 22.0897C49.1265 22.115 49.1636 22.1514 49.1889 22.1944L49.8348 21.8132L49.1889 22.1944C49.2143 22.2373 49.2273 22.2856 49.2271 22.3342V22.3361L49.2271 38.074L49.2271 38.0759C49.2273 38.1245 49.2143 38.1728 49.1889 38.2157L49.8348 38.5969L49.1889 38.2157C49.1636 38.2587 49.1265 38.2951 49.0808 38.3205L49.0808 38.3204L49.0719 38.3255L42.1961 42.2626L42.1956 42.2629L35.308 46.2001L35.6802 46.8512L35.308 46.2001C35.2616 46.2266 35.2083 46.2409 35.1536 46.2409C35.0995 46.2409 35.0467 46.2269 35.0006 46.2009C35.0001 46.2007 34.9996 46.2004 34.9991 46.2001L34.6603 46.0033L34.6557 46.0007L28.1115 42.2629L28.1108 42.2625L21.2353 38.3255L21.2353 38.3254L21.2263 38.3205C21.1807 38.2951 21.1436 38.2587 21.1182 38.2157C21.093 38.1729 21.08 38.1247 21.0801 38.0759V38.074L21.0801 22.3361L21.0801 22.3342C21.08 22.2854 21.093 22.2372 21.1182 22.1944C21.1435 22.1514 21.1806 22.115 21.2263 22.0897L21.2264 22.0897L21.2353 22.0846L28.111 18.1475L28.1115 18.1472L34.9991 14.2101L34.9991 14.21C35.0456 14.1835 35.0989 14.1692 35.1536 14.1692C35.2082 14.1692 35.2615 14.1835 35.308 14.21L35.308 14.2101L42.1961 18.1475L42.1985 18.1488L43.7452 19.0256L43.7489 19.0277L49.071 22.0841Z" fill="url(#paint2_linear_9391_54150)" stroke="url(#paint3_linear_9391_54150)" stroke-width="1.5"/>
|
||||
<path d="M35.102 30.2112L26.9121 34.8986M35.102 30.2112V20.0513M35.102 30.2112L43.3038 34.8986" stroke="#05102F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9391_54150" x="10.8594" y="35.0645" width="49.4351" height="25.4839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54150"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54150" result="effect2_innerShadow_9391_54150"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9391_54150" x="0.693359" y="30.0322" width="69.7646" height="35.5483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54150"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54150" result="effect2_innerShadow_9391_54150"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9391_54150" x1="35.5757" y1="46.9678" x2="35.5757" y2="78" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9391_54150" x1="36" y1="0" x2="36" y2="47.8065" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9391_54150" x1="35.1442" y1="13.24" x2="22.286" y2="47.1053" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9391_54150" x1="35.1442" y1="13.24" x2="22.286" y2="47.1053" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
@ -0,0 +1,75 @@
|
||||
<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.69434" y="46.9678" width="67.7647" height="31.0323" fill="url(#paint0_linear_9391_54170)"/>
|
||||
<g filter="url(#filter0_ii_9391_54170)">
|
||||
<ellipse cx="35.576" cy="47.8064" rx="23.7176" ry="11.7419" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9391_54170)">
|
||||
<ellipse cx="35.5767" cy="47.8064" rx="33.8824" ry="16.7742" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.8588 47.8065H59.2941L72 0H0Z" fill="url(#paint1_linear_9391_54170)"/>
|
||||
<g clip-path="url(#clip0_9391_54170)">
|
||||
<path d="M54.2535 23.9229L54.2617 23.9274L54.2699 23.9317C54.7192 24.1691 55.0933 24.5227 55.3528 24.9533C55.607 25.3808 55.7447 25.8654 55.7531 26.3599V39.7668C55.7458 40.5077 55.4489 41.219 54.9214 41.7505C54.3956 42.2804 53.6813 42.5903 52.9275 42.6127H38.2871H19.9299C19.1719 42.6013 18.4505 42.2955 17.9208 41.7641C17.39 41.2315 17.0942 40.5155 17.0942 39.7715V39.7714V26.3656C17.1157 25.633 17.4201 24.9342 17.948 24.4142L17.948 24.4142L17.9509 24.4113C18.475 23.8908 19.1849 23.5909 19.931 23.5779H52.9373C53.3988 23.5819 53.8514 23.7008 54.2535 23.9229Z" fill="url(#paint2_linear_9391_54170)" stroke="url(#paint3_linear_9391_54170)" stroke-width="2"/>
|
||||
<path d="M25.5302 34.6388H22.6333C22.4263 34.6522 22.2188 34.6237 22.0234 34.5549C21.8282 34.5047 21.6518 34.3998 21.5152 34.2529C21.3634 34.1173 21.2422 33.9516 21.1594 33.7665C21.071 33.5831 21.0247 33.3826 21.0239 33.1794C21.0267 32.9818 21.0729 32.7872 21.1594 32.6091C21.2383 32.4218 21.3601 32.2553 21.5152 32.1226C21.6555 31.9766 21.8301 31.8671 22.0234 31.8039C22.2253 31.7711 22.4313 31.7711 22.6333 31.8039H25.5302C25.7322 31.7711 25.9382 31.7711 26.1401 31.8039C26.3365 31.8709 26.5158 31.9797 26.6653 32.1226C26.8206 32.2514 26.9378 32.4196 27.0041 32.6091C27.0906 32.7872 27.1369 32.9818 27.1397 33.1794C27.1388 33.3826 27.0925 33.5831 27.0041 33.7665C26.9336 33.954 26.8171 34.1211 26.6653 34.2529C26.5196 34.397 26.3387 34.5011 26.1401 34.5549C25.9447 34.6237 25.7372 34.6522 25.5302 34.6388ZM33.3063 34.6388H30.3923C30.0268 34.6091 29.6869 34.4409 29.4436 34.1691C29.1936 33.9023 29.0546 33.5518 29.0546 33.1878C29.0546 32.8238 29.1936 32.4733 29.4436 32.2065C29.6869 31.9347 30.0268 31.7665 30.3923 31.7368H33.3063C33.6709 31.7698 34.0096 31.9375 34.255 32.2065C34.505 32.4733 34.644 32.8238 34.644 33.1878C34.644 33.5518 34.505 33.9023 34.255 34.1691C34.0096 34.4381 33.6709 34.6058 33.3063 34.6388Z" fill="#001B48"/>
|
||||
<path d="M23.8026 48.5441C23.2898 48.5277 22.8012 48.3246 22.4303 47.9738C22.0751 47.6085 21.875 47.1222 21.8713 46.6151V42.7234H25.6322V46.5815C25.6281 47.0853 25.4349 47.5696 25.0901 47.9402C24.7513 48.2925 24.2925 48.5077 23.8026 48.5441ZM49.0449 48.5441C48.5375 48.5549 48.0435 48.3819 47.6558 48.0576C47.3005 47.6923 47.1004 47.206 47.0967 46.6989V42.8073H50.9254V46.6654C50.9301 47.1729 50.7344 47.6622 50.38 48.0288C50.0255 48.3954 49.5403 48.6105 49.028 48.6279L49.0449 48.5441ZM51.044 22.6112H47.2153V13.9725C47.1464 13.7027 47.1464 13.4203 47.2153 13.1505C47.2866 12.8783 47.4199 12.6259 47.6049 12.4125C47.7906 12.2088 48.0151 12.0434 48.2656 11.926C48.5279 11.7935 48.8182 11.7244 49.1127 11.7244C49.4072 11.7244 49.6974 11.7935 49.9597 11.926C50.2102 12.0434 50.4348 12.2088 50.6205 12.4125C50.8055 12.6259 50.9387 12.8783 51.0101 13.1505C51.0692 13.4214 51.0692 13.7016 51.0101 13.9725L51.044 22.6112Z" fill="url(#paint4_linear_9391_54170)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9391_54170" x="10.8584" y="35.0645" width="49.4353" height="25.4839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54170"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54170" result="effect2_innerShadow_9391_54170"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9391_54170" x="0.694336" y="30.0322" width="69.7646" height="35.5483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54170"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54170" result="effect2_innerShadow_9391_54170"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9391_54170" x1="35.5767" y1="46.9678" x2="35.5767" y2="78" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9391_54170" x1="36" y1="0" x2="36" y2="47.8065" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9391_54170" x1="36.4107" y1="22.4656" x2="32.3224" y2="46.0341" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9391_54170" x1="36.4107" y1="22.4656" x2="32.3224" y2="46.0341" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_9391_54170" x1="36.4536" y1="11.5273" x2="21.146" y2="47.6298" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_9391_54170">
|
||||
<rect width="40.6588" height="36.8026" fill="white" transform="translate(16.0942 11.7417)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
@ -0,0 +1,72 @@
|
||||
<svg width="70" height="77" viewBox="0 0 70 77" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.64746" y="46.3657" width="65.8824" height="30.6344" fill="url(#paint0_linear_9391_54239)"/>
|
||||
<g filter="url(#filter0_ii_9391_54239)">
|
||||
<ellipse cx="34.5881" cy="47.1937" rx="23.0588" ry="11.5914" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9391_54239)">
|
||||
<ellipse cx="34.5886" cy="47.1937" rx="32.9412" ry="16.5591" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.5294 47.1936H57.6471L70 0H0Z" fill="url(#paint1_linear_9391_54239)"/>
|
||||
<g filter="url(#filter2_d_9391_54239)">
|
||||
<path d="M54.6218 25.6451L36.891 10.658C36.8879 10.6554 36.8846 10.653 36.8814 10.6503C36.8631 10.6349 36.8445 10.6201 36.8258 10.6054C36.8185 10.5997 36.8113 10.5939 36.8038 10.5883C36.7813 10.5711 36.7586 10.5545 36.7356 10.5382C36.7319 10.5356 36.7283 10.5331 36.7247 10.5305C36.6984 10.5122 36.6718 10.4946 36.645 10.4775C36.6447 10.4774 36.6444 10.4772 36.6441 10.477C35.8178 9.95258 34.7133 10.0142 33.9536 10.6613L16.2268 25.6451C15.2999 26.4279 15.2062 27.7891 16.0157 28.6846C16.8253 29.5795 18.234 29.672 19.1603 28.8887L20.688 27.5974V40.2392C20.688 43.2157 23.1938 45.6384 26.2728 45.6384H29.6014C30.8319 45.6384 31.8295 44.6741 31.8295 43.4844V33.315C31.8295 32.7144 32.3354 32.2248 32.9564 32.2248H37.8897C38.5119 32.2248 39.019 32.7144 39.019 33.315V43.2318C39.019 43.3792 39.0346 43.526 39.0662 43.6711L39.1202 43.9237C39.3358 44.9221 40.2465 45.6383 41.3017 45.6383H44.5756C47.6553 45.6383 50.161 43.2156 50.161 40.2391V27.5978L51.6881 28.8887C52.1107 29.2453 52.6339 29.4205 53.1543 29.4205C53.7741 29.4205 54.3923 29.1713 54.8327 28.6846C55.6423 27.7892 55.5486 26.4278 54.6218 25.6451Z" fill="url(#paint2_linear_9391_54239)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9391_54239" x="10.5293" y="34.6023" width="48.1176" height="25.1829" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54239"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54239" result="effect2_innerShadow_9391_54239"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9391_54239" x="0.647461" y="29.6345" width="67.8824" height="35.1182" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_54239"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_54239" result="effect2_innerShadow_9391_54239"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_9391_54239" x="0.352539" y="2.62354" width="70.1176" height="70.3655" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="8"/>
|
||||
<feGaussianBlur stdDeviation="6"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0129629 0 0 0 0 0.0680555 0 0 0 0 0.145833 0 0 0 1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9391_54239"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9391_54239" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9391_54239" x1="34.5886" y1="46.3657" x2="34.5886" y2="77.0001" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9391_54239" x1="35" y1="0" x2="35" y2="47.1936" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9391_54239" x1="35.4116" y1="9.93539" x2="24.1838" y2="47.5746" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
@ -0,0 +1,73 @@
|
||||
<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.69434" y="46.9678" width="67.7647" height="31.0323" fill="url(#paint0_linear_9391_53886)"/>
|
||||
<g filter="url(#filter0_ii_9391_53886)">
|
||||
<ellipse cx="35.576" cy="47.8064" rx="23.7176" ry="11.7419" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9391_53886)">
|
||||
<ellipse cx="35.5767" cy="47.8064" rx="33.8824" ry="16.7742" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.8588 47.8065H59.2941L72 0H0Z" fill="url(#paint1_linear_9391_53886)"/>
|
||||
<path d="M44.8945 18.3752L36.4238 13.4192L27.9531 18.3752V28.2874L36.4238 33.2434L44.8945 28.2874V18.3752Z" fill="url(#paint2_linear_9391_53886)"/>
|
||||
<path d="M53.3652 32.8621L44.8945 27.906L36.4238 32.8621V42.7742L44.8945 47.7302L53.3652 42.7742V32.8621Z" fill="url(#paint3_linear_9391_53886)"/>
|
||||
<path d="M36.4237 32.8621L27.9531 27.906L19.4824 32.8621V42.7742L27.9531 47.7302L36.4237 42.7742V32.8621Z" fill="url(#paint4_linear_9391_53886)"/>
|
||||
<path d="M36.4238 19.519L36.4238 26.3813" stroke="#05102F" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M27.9521 34.0059L27.9521 40.8681" stroke="#05102F" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path d="M44.8945 34.0059L44.8945 40.8681" stroke="#05102F" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9391_53886" x="10.8584" y="35.0645" width="49.4355" height="25.4839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_53886"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_53886" result="effect2_innerShadow_9391_53886"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9391_53886" x="0.694336" y="30.0322" width="69.7646" height="35.5483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_53886"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_53886" result="effect2_innerShadow_9391_53886"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9391_53886" x1="35.5767" y1="46.9678" x2="35.5767" y2="78" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9391_53886" x1="36" y1="0" x2="36" y2="47.8065" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9391_53886" x1="36.4184" y1="13.3133" x2="30.9932" y2="29.0915" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2BA5FF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9391_53886" x1="54.2122" y1="44.4262" x2="46.3335" y2="28.0506" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2BA5FF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_9391_53886" x1="19.8675" y1="42.3929" x2="37.4667" y2="35.5407" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2BA5FF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,82 @@
|
||||
<svg width="72" height="78" viewBox="0 0 72 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.69434" y="46.9678" width="67.7647" height="31.0323" fill="url(#paint0_linear_9391_53949)"/>
|
||||
<g filter="url(#filter0_ii_9391_53949)">
|
||||
<ellipse cx="35.576" cy="47.8064" rx="23.7176" ry="11.7419" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<g opacity="0.8" filter="url(#filter1_ii_9391_53949)">
|
||||
<ellipse cx="35.5767" cy="47.8064" rx="33.8824" ry="16.7742" fill="#10467A" fill-opacity="0.1"/>
|
||||
</g>
|
||||
<path d="M0 0L11.8588 47.8065H59.2941L72 0H0Z" fill="url(#paint1_linear_9391_53949)"/>
|
||||
<g clip-path="url(#clip0_9391_53949)">
|
||||
<path d="M50.7985 14.1693V14.1693L50.8102 14.1692C51.1222 14.1643 51.4298 14.24 51.7026 14.3882C51.9749 14.5452 52.1998 14.77 52.3551 15.0392C52.5116 15.3103 52.5922 15.6171 52.5894 15.9283L52.5894 15.9283V15.9351V24.3253C52.5894 24.7912 52.4025 25.2395 52.0675 25.5713L52.5952 26.1042L52.0675 25.5713C51.7322 25.9033 51.2759 26.0911 50.7985 26.0911H22.0233C21.5459 26.0911 21.0897 25.9033 20.7544 25.5713C20.4193 25.2395 20.2324 24.7912 20.2324 24.3253V15.9351C20.2324 15.4692 20.4193 15.0208 20.7544 14.6891C21.0897 14.3571 21.5459 14.1693 22.0233 14.1693H50.7985Z" fill="url(#paint2_linear_9391_53949)" stroke="url(#paint3_linear_9391_53949)" stroke-width="1.5"/>
|
||||
<path d="M27.1048 18.4512H25.3897C25.164 18.4512 24.9475 18.54 24.7879 18.698C24.6282 18.8561 24.5386 19.0704 24.5386 19.2939V20.967C24.5386 21.1905 24.6282 21.4049 24.7879 21.5629C24.9475 21.721 25.164 21.8098 25.3897 21.8098H27.0794C27.3052 21.8098 27.5217 21.721 27.6813 21.5629C27.8409 21.4049 27.9306 21.1905 27.9306 20.967V19.2939C27.9307 19.0747 27.8446 18.8641 27.6904 18.7067C27.5362 18.5494 27.3261 18.4577 27.1048 18.4512Z" fill="#0B2665"/>
|
||||
<path d="M52.5894 36.0592V36.0617V44.4519C52.5894 44.9178 52.4025 45.3662 52.0675 45.6979L52.5952 46.2309L52.0675 45.6979C51.7322 46.0299 51.2759 46.2177 50.7985 46.2177H22.0233C21.5459 46.2177 21.0897 46.0299 20.7544 45.6979L20.2479 46.2094L20.7544 45.6979C20.4193 45.3662 20.2324 44.9178 20.2324 44.4519V36.0617C20.2324 35.5958 20.4193 35.1475 20.7544 34.8157C21.0897 34.4837 21.5459 34.2959 22.0233 34.2959H50.8219C51.1804 34.2981 51.5294 34.4062 51.8241 34.6056C52.0617 34.7693 52.255 34.9871 52.3881 35.2398L53.0465 34.8932L52.3881 35.2398C52.5214 35.4931 52.5904 35.7743 52.5894 36.0592Z" fill="url(#paint4_linear_9391_53949)" stroke="url(#paint5_linear_9391_53949)" stroke-width="1.5"/>
|
||||
<path d="M27.1048 38.5776H25.3897C25.164 38.5776 24.9475 38.6664 24.7879 38.8245C24.6282 38.9825 24.5386 39.1969 24.5386 39.4204V41.0935C24.5386 41.317 24.6282 41.5313 24.7879 41.6894C24.9475 41.8474 25.164 41.9362 25.3897 41.9362H27.0794C27.3052 41.9362 27.5217 41.8474 27.6813 41.6894C27.8409 41.5313 27.9306 41.317 27.9306 41.0935V39.4204C27.9307 39.2012 27.8446 38.9905 27.6904 38.8332C27.5362 38.6758 27.3261 38.5842 27.1048 38.5776Z" fill="#0B2665"/>
|
||||
<path d="M33.889 18.4512H32.1866C31.9631 18.4545 31.7498 18.5447 31.5929 18.7024C31.436 18.8601 31.3481 19.0726 31.3481 19.2939V20.967C31.3481 21.1883 31.436 21.4008 31.5929 21.5585C31.7498 21.7162 31.9631 21.8065 32.1866 21.8098H33.889C34.0002 21.8098 34.1102 21.7879 34.2128 21.7454C34.3154 21.7029 34.4084 21.6406 34.4865 21.5622C34.5645 21.4837 34.626 21.3907 34.6674 21.2885C34.7087 21.1863 34.7291 21.0771 34.7275 20.967V19.2939C34.7291 19.1839 34.7087 19.0746 34.6674 18.9724C34.626 18.8702 34.5645 18.7772 34.4865 18.6987C34.4084 18.6203 34.3154 18.5581 34.2128 18.5155C34.1102 18.473 34.0002 18.4512 33.889 18.4512Z" fill="#0B2665"/>
|
||||
<path d="M33.889 38.5776H32.1866C31.9631 38.5809 31.7498 38.6712 31.5929 38.8289C31.436 38.9866 31.3481 39.1991 31.3481 39.4204V41.0935C31.3481 41.3148 31.436 41.5273 31.5929 41.685C31.7498 41.8427 31.9631 41.9329 32.1866 41.9362H33.889C34.0002 41.9362 34.1102 41.9144 34.2128 41.8719C34.3154 41.8293 34.4084 41.7671 34.4865 41.6886C34.5645 41.6102 34.626 41.5172 34.6674 41.415C34.7087 41.3128 34.7291 41.2035 34.7275 41.0935V39.4204C34.7291 39.3103 34.7087 39.201 34.6674 39.0988C34.626 38.9967 34.5645 38.9036 34.4865 38.8252C34.4084 38.7468 34.3154 38.6845 34.2128 38.642C34.1102 38.5995 34.0002 38.5776 33.889 38.5776Z" fill="#0B2665"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_ii_9391_53949" x="10.8584" y="35.0645" width="49.4351" height="25.4839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_53949"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_53949" result="effect2_innerShadow_9391_53949"/>
|
||||
</filter>
|
||||
<filter id="filter1_ii_9391_53949" x="0.694336" y="30.0322" width="69.7646" height="35.5483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0728353 0 0 0 0 0.488501 0 0 0 0 0.904167 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_9391_53949"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="-1" dy="-1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.490196 0 0 0 0 0.905882 0 0 0 0.8 0"/>
|
||||
<feBlend mode="normal" in2="effect1_innerShadow_9391_53949" result="effect2_innerShadow_9391_53949"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9391_53949" x1="35.5767" y1="46.9678" x2="35.5767" y2="78" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#020915"/>
|
||||
<stop offset="1" stop-color="#0A4D9A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9391_53949" x1="36" y1="0" x2="36" y2="47.8065" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.0001" stop-color="#2B8EFF" stop-opacity="0"/>
|
||||
<stop offset="0.376666" stop-color="#2B8EFF" stop-opacity="0.1"/>
|
||||
<stop offset="0.731666" stop-color="#2B8EFF" stop-opacity="0.31"/>
|
||||
<stop offset="1" stop-color="#072855" stop-opacity="0.11"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9391_53949" x1="36.4002" y1="13.3473" x2="34.3768" y2="28.5698" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9391_53949" x1="36.4002" y1="13.3473" x2="34.3768" y2="28.5698" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_9391_53949" x1="36.4002" y1="33.4742" x2="34.3768" y2="48.6964" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_9391_53949" x1="36.4002" y1="33.4742" x2="34.3768" y2="48.6964" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72BCFF"/>
|
||||
<stop offset="1" stop-color="#00F4FF"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_9391_53949">
|
||||
<rect width="33.8824" height="33.5484" fill="white" transform="translate(19.4824 13.4194)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.1 KiB |
@ -1,3 +1,11 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-22 13:38:04
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 11:38:33
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\components\CustomTree\index.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import collapseTree from "./src/collapseTree";
|
||||
|
||||
export const CollapseTree = collapseTree;
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
import dsBox1 from "./src/dsBox1";
|
||||
|
||||
export const DsBox1 = dsBox1;
|
||||
@ -0,0 +1,6 @@
|
||||
.dsBox1_wrap {
|
||||
.head_info {
|
||||
background: url("@/assets/dataScreen/common/bgTitle.svg") no-repeat;
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,77 @@
|
||||
/**
|
||||
* @交互说明
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
import { defineComponent } from "vue";
|
||||
import "./dsBox1.scss";
|
||||
|
||||
export default defineComponent({
|
||||
name: "DsBox1",
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: "default"
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, { slots }) {
|
||||
// const count = ref<number>(1);
|
||||
// const treeData = reactive({
|
||||
// list: testDeviceTreeData
|
||||
// });
|
||||
/**
|
||||
* 渲染内层内容
|
||||
*/
|
||||
|
||||
return () => {
|
||||
let options = {
|
||||
width: "430px",
|
||||
height: "288px"
|
||||
};
|
||||
switch (props.type) {
|
||||
case "lg":
|
||||
options = {
|
||||
width: "430px",
|
||||
height: "288px"
|
||||
};
|
||||
break;
|
||||
default:
|
||||
options = {
|
||||
width: "430px",
|
||||
height: "780px"
|
||||
};
|
||||
break;
|
||||
}
|
||||
return (
|
||||
<div class="dsBox1_wrap">
|
||||
<dv-border-box-10
|
||||
style={{ width: options.width, height: options.height }}
|
||||
>
|
||||
<div class="w-full h-full">
|
||||
{/* 标题栏 */}
|
||||
<div
|
||||
class="head_info flex align-middle"
|
||||
style={{ height: "50px" }}
|
||||
>
|
||||
<span>{props.title}</span>
|
||||
</div>
|
||||
<div
|
||||
class="w-full"
|
||||
style={{ height: `calc(${options.height} - 50px)` }}
|
||||
>
|
||||
{/* 主体内容 */}
|
||||
{slots.default()}
|
||||
</div>
|
||||
</div>
|
||||
</dv-border-box-10>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,151 @@
|
||||
<script setup lang="ts">
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import { transformI18n } from "@/plugins/i18n";
|
||||
// import SidebarItem from "./sidebarItem.vue";
|
||||
// import leftCollapse from "./leftCollapse.vue";
|
||||
import { useNav } from "@/layout/hooks/useNav";
|
||||
import { usePermissionStoreHook } from "@/store/modules/dsPermission";
|
||||
import { ref, computed, watch } from "vue";
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
const {
|
||||
menuSelect
|
||||
// toggleSideBar
|
||||
} = useNav();
|
||||
|
||||
const menuData = computed(() => {
|
||||
return usePermissionStoreHook().wholeMenus;
|
||||
});
|
||||
|
||||
const activeName = ref(route.name || "Workbench");
|
||||
|
||||
// 改变路由
|
||||
function changeRoute(routes) {
|
||||
console.log("changeRoute_routes", routes);
|
||||
router.push({ path: routes.path });
|
||||
activeName.value = routes.name;
|
||||
}
|
||||
|
||||
// const fetchMenuIcon = routes => {
|
||||
// return workbenchIcon;
|
||||
// };
|
||||
// TODO 每新增一个菜单项需要在此注册一个图标 与 路由配置对应
|
||||
const bgImg = computed(() => svgName => {
|
||||
// src\assets\dataScreen\menu\alarmInfoIcon.svg
|
||||
// const imgs = import.meta.glob("/src/assets/dataScreen/menu/**.svg"); //收集图片
|
||||
// const currentData = "@/assets/dataScreen/menu/alarmInfoIcon.svg";
|
||||
// console.log(imgs, "svgName");
|
||||
// const imgLink = imgs[`/src/assets/dataScreen/menu/${svgName}.svg`];
|
||||
// console.log(imgLink, "imgLink");
|
||||
switch (svgName) {
|
||||
case "homeIcon":
|
||||
return new URL("@/assets/dataScreen/menu/homeIcon.svg", import.meta.url)
|
||||
.href;
|
||||
case "deviceListIcon":
|
||||
return new URL(
|
||||
"@/assets/dataScreen/menu/deviceListIcon.svg",
|
||||
import.meta.url
|
||||
).href;
|
||||
case "alarmInfoIcon":
|
||||
return new URL(
|
||||
"@/assets/dataScreen/menu/alarmInfoIcon.svg",
|
||||
import.meta.url
|
||||
).href;
|
||||
case "computePowerIcon":
|
||||
return new URL(
|
||||
"@/assets/dataScreen/menu/computePowerIcon.svg",
|
||||
import.meta.url
|
||||
).href;
|
||||
}
|
||||
});
|
||||
|
||||
watch(
|
||||
() => [route.path, usePermissionStoreHook().wholeMenus],
|
||||
() => {
|
||||
if (route.path.includes("/redirect")) return;
|
||||
menuSelect(route.path);
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div :class="['ds-footbar-container']">
|
||||
<ul class="flex justify-center menu_box">
|
||||
<li
|
||||
class="text-center"
|
||||
:class="[activeName === routes.name ? 'active' : '']"
|
||||
v-for="routes in menuData"
|
||||
:key="routes.path"
|
||||
@click="changeRoute(routes)"
|
||||
>
|
||||
<div
|
||||
class="flex justify-center menu_icon"
|
||||
:style="{ backgroundImage: `url(${bgImg(routes.meta?.icon)})` }"
|
||||
>
|
||||
<!-- <i :class="['iconfont', routes.meta?.icon || 'icon-morencaidan']" /> -->
|
||||
</div>
|
||||
<p>{{ transformI18n(routes.meta.title) }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$--noneSelectedColor: rgb(255 255 255 / 80%);
|
||||
|
||||
.ds-footbar-container {
|
||||
// width: 96px;
|
||||
// background-color: red;
|
||||
height: 100px;
|
||||
|
||||
.menu_wrap {
|
||||
background-color: #05102f;
|
||||
background-image: url("@/assets/svg/bgFooter.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
background-size: contain;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.menu_icon {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.menu_box {
|
||||
font-size: 14px;
|
||||
color: $--noneSelectedColor;
|
||||
text-align: center;
|
||||
|
||||
& > li {
|
||||
padding-top: 16px;
|
||||
cursor: pointer;
|
||||
|
||||
& > p {
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #fff;
|
||||
.iconfont {
|
||||
background-color: rgb(255 255 255 / 20%);
|
||||
}
|
||||
.menu_icon {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,15 +1,26 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-22 14:12:29
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 15:58:49
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\router\modules\computePowerAllocation.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { $t } from "@/plugins/i18n";
|
||||
|
||||
export default {
|
||||
path: "/computePowerAllocation",
|
||||
meta: {
|
||||
title: $t("menus.hsComputePowerAllocation"),
|
||||
icon: "icon-suanlipeizhi",
|
||||
icon: "computePowerIcon",
|
||||
// showLink: false,
|
||||
bodyClass: "computePowerAllocation_page",
|
||||
rank: 6,
|
||||
roles: ["admin", "common"]
|
||||
},
|
||||
component: () => import("@/views/computePowerAllocation/index.vue"),
|
||||
component: () =>
|
||||
import(
|
||||
"@/pages/dataScreen/views/computePowerAllocation/computePowerAllocationIndex.vue"
|
||||
),
|
||||
name: "computePowerAllocationIndex"
|
||||
} as RouteConfigsTable;
|
||||
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:00:08
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 16:09:09
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\router\modules\device.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { $t } from "@/plugins/i18n";
|
||||
|
||||
export default {
|
||||
path: "/deviceList",
|
||||
meta: {
|
||||
title: $t("menus.dsDeviceList"),
|
||||
icon: "deviceListIcon",
|
||||
rank: 2,
|
||||
roles: ["admin", "common"]
|
||||
},
|
||||
component: () => import("@/pages/dataScreen/views/device/deviceList.vue"),
|
||||
name: "dsDeviceListIndex"
|
||||
} as RouteConfigsTable;
|
||||
@ -0,0 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: ""
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>告警通知</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,68 @@
|
||||
<!--
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 10:14:31
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 13:45:25
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\views\device\deviceList.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from "vue";
|
||||
import { bgImageData } from "./testData/fabricImageSvg";
|
||||
import { DsBox1 } from "@/components/DsBox";
|
||||
|
||||
defineOptions({
|
||||
name: "DeviceList"
|
||||
});
|
||||
|
||||
// state
|
||||
const clipPathData = ref<{
|
||||
width: number;
|
||||
height: number;
|
||||
}>({
|
||||
width: 1200, // 宽
|
||||
height: 900 // 高
|
||||
});
|
||||
const canvasRef = ref<any>(null);
|
||||
const cvs = ref<any>(null);
|
||||
const currentDetail = ref<Record<string, any>>({});
|
||||
|
||||
function initCanvas() {
|
||||
const canvasObject = new fabric.Canvas(canvasRef.value);
|
||||
canvasObject.setBackgroundImage(
|
||||
bgImageData.src,
|
||||
canvasObject.renderAll.bind(canvasObject),
|
||||
{
|
||||
width: clipPathData.value.width,
|
||||
height: clipPathData.value.height,
|
||||
originX: "left",
|
||||
originY: "top"
|
||||
}
|
||||
);
|
||||
cvs.value = canvasObject;
|
||||
console.log(canvasObject);
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
initCanvas();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex justify-between deviceList_wrap">
|
||||
<canvas
|
||||
ref="canvasRef"
|
||||
:width="clipPathData.width"
|
||||
:height="clipPathData.height"
|
||||
/>
|
||||
<div class="right_info">
|
||||
<DsBox1 title="设备详情">
|
||||
<template #default>
|
||||
<div class="w-full h-full">1234546376</div>
|
||||
</template>
|
||||
</DsBox1>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,19 @@
|
||||
<!--
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:32:43
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 11:36:05
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\views\device\modules\detailCard.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
<script setup lang="ts">
|
||||
defineOptions({
|
||||
name: "DeviceDetailCard"
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,77 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-22 13:38:04
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-23 14:58:39
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\store\modules\permission.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { defineStore } from "pinia";
|
||||
import { store } from "@/store";
|
||||
import { cacheType } from "./types";
|
||||
import { dsConstantMenus } from "@/pages/dataScreen/router";
|
||||
|
||||
import { useMultiTagsStoreHook } from "./multiTags";
|
||||
import { debounce, getKeyList } from "@pureadmin/utils";
|
||||
import {
|
||||
ascending,
|
||||
filterTree,
|
||||
filterNoPermissionTree
|
||||
} from "@/pages/dataScreen/router/utils";
|
||||
|
||||
export const usePermissionStore = defineStore({
|
||||
id: "pure-permission",
|
||||
state: () => ({
|
||||
// 静态路由生成的菜单
|
||||
constantMenus: dsConstantMenus,
|
||||
// 整体路由生成的菜单（静态、动态）
|
||||
wholeMenus: [],
|
||||
// 缓存页面keepAlive
|
||||
cachePageList: []
|
||||
}),
|
||||
actions: {
|
||||
/** 组装整体路由生成的菜单 */
|
||||
handleWholeMenus(routes: any[]) {
|
||||
this.wholeMenus = filterNoPermissionTree(
|
||||
filterTree(ascending(this.constantMenus.concat(routes)))
|
||||
);
|
||||
},
|
||||
cacheOperate({ mode, name }: cacheType) {
|
||||
const delIndex = this.cachePageList.findIndex(v => v === name);
|
||||
switch (mode) {
|
||||
case "refresh":
|
||||
this.cachePageList = this.cachePageList.filter(v => v !== name);
|
||||
break;
|
||||
case "add":
|
||||
this.cachePageList.push(name);
|
||||
break;
|
||||
case "delete":
|
||||
delIndex !== -1 && this.cachePageList.splice(delIndex, 1);
|
||||
break;
|
||||
}
|
||||
/** 监听缓存页面是否存在于标签页，不存在则删除 */
|
||||
debounce(() => {
|
||||
let cacheLength = this.cachePageList.length;
|
||||
const nameList = getKeyList(useMultiTagsStoreHook().multiTags, "name");
|
||||
while (cacheLength > 0) {
|
||||
nameList.findIndex(v => v === this.cachePageList[cacheLength - 1]) ===
|
||||
-1 &&
|
||||
this.cachePageList.splice(
|
||||
this.cachePageList.indexOf(this.cachePageList[cacheLength - 1]),
|
||||
1
|
||||
);
|
||||
cacheLength--;
|
||||
}
|
||||
})();
|
||||
},
|
||||
/** 清空缓存页面 */
|
||||
clearAllCachePage() {
|
||||
this.wholeMenus = [];
|
||||
this.cachePageList = [];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export function usePermissionStoreHook() {
|
||||
return usePermissionStore(store);
|
||||
}
|
||||
Loading…
Reference in New Issue