Skip to content

Commit 388f1c2

Browse files
James-9696James-9696
authored
fix: optimize the training ground (#3911)
1 parent 727c224 commit 388f1c2

File tree

11 files changed

+570
-207
lines changed

11 files changed

+570
-207
lines changed

‎examples/sites/playground/App.vue‎

Lines changed: 205 additions & 181 deletions
Large diffs are not rendered by default.

‎examples/sites/playground/assets/big.png‎

-421 Bytes
Binary file not shown.

‎examples/sites/playground/assets/small.png‎

-331 Bytes
Binary file not shown.

‎examples/sites/playground/icons/Github.vue‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,19 @@
11
<template>
2-
<svg viewBox="0 0 24 24" fill="currentColor">
2+
<svg
3+
viewBox="0 0 32 32"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="32.000000"
7+
height="32.000000"
8+
fill="none"
9+
customFrame="#000000"
10+
>
11+
<rect id="git" width="32.000000" height="32.000000" x="0.000000" y="0.000000" />
312
<path
4-
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.387.6.113.82-.258.82-.577v-2.234c-3.338.724-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.088-.744.083-.729.083-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.807 1.305 3.364.998.108-.788.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.933 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02-.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.218.694.824.576C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12z"
13+
id="Fill"
14+
d="M15.9999 2.00008C9.13479 2.00101 3.28319 6.9797 2.18278 13.756C1.08237 20.5323 5.05785 27.1068 11.5699 29.2801C12.2699 29.4101 12.5699 28.9801 12.5699 28.6101C12.5699 28.2401 12.5699 27.4001 12.5699 26.2301C8.67987 27.0701 7.85988 24.3501 7.85988 24.3501C7.58633 23.4929 7.0106 22.7644 6.23987 22.3001C4.96987 21.4401 6.33988 21.4501 6.33988 21.4501C7.23883 21.5771 8.02868 22.1123 8.47987 22.9001C9.28646 24.3468 11.1128 24.866 12.5599 24.0601C12.6163 23.3506 12.9291 22.6858 13.4399 22.1901C10.3399 21.8301 7.06987 20.6301 7.06987 15.2701C7.0472 13.878 7.5631 12.5309 8.50987 11.5101C8.08134 10.3043 8.13144 8.98006 8.64988 7.81008C8.64988 7.81008 9.81988 7.43008 12.4999 9.24008C14.7913 8.61503 17.2084 8.61503 19.4999 9.24008C22.1699 7.43008 23.3399 7.81008 23.3399 7.81008C23.8583 8.98006 23.9084 10.3043 23.4799 11.5101C24.4266 12.5309 24.9425 13.878 24.9199 15.2701C24.9199 20.6501 21.6499 21.8301 18.5299 22.1801C19.2061 22.8655 19.5525 23.81 19.4799 24.7701C19.4799 26.6401 19.4799 28.1501 19.4799 28.6101C19.4799 29.0701 19.7299 29.4201 20.4799 29.2801C27.001 27.1039 30.9772 20.515 29.8632 13.7313C28.7491 6.94749 22.8745 1.97633 15.9999 2.00008Z"
15+
fill="rgb(25,25,25)"
16+
fill-rule="evenodd"
517
/>
618
</svg>
719
</template>

‎examples/sites/playground/icons/Layout.vue‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<template>
2+
<svg
3+
viewBox="0 0 24 24"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="24.000000"
7+
height="24.000000"
8+
fill="none"
9+
>
10+
<rect id="左右布局" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
11+
<path
12+
id="矢量 1"
13+
d="M9.0001 5.04009C9.6601 5.04009 10.2001 5.58009 10.2001 6.24009L10.2001 18.2401C10.2001 18.9001 9.6601 19.4401 9.0001 19.4401L6.0001 19.4401C5.3401 19.4401 4.8001 18.9001 4.8001 18.2401L4.8001 6.24009C4.8001 5.58009 5.3401 5.04009 6.0001 5.04009L9.0001 5.04009ZM9.0001 3.84009L6.0001 3.84009C4.6801 3.84009 3.6001 4.92009 3.6001 6.24009L3.6001 18.2401C3.6001 19.5601 4.6801 20.6401 6.0001 20.6401L9.0001 20.6401C10.3201 20.6401 11.4001 19.5601 11.4001 18.2401L11.4001 6.24009C11.4001 4.92009 10.3201 3.84009 9.0001 3.84009ZM20.4001 6.24009L20.4001 18.2401C20.4001 19.5601 19.3201 20.6401 18.0001 20.6401L15.0001 20.6401C13.6801 20.6401 12.6001 19.5601 12.6001 18.2401L12.6001 6.24009C12.6001 4.92009 13.6801 3.84009 15.0001 3.84009L18.0001 3.84009C19.3201 3.84009 20.4001 4.92009 20.4001 6.24009Z"
14+
fill="rgb(0,0,0)"
15+
fill-rule="nonzero"
16+
/>
17+
</svg>
18+
</template>

‎examples/sites/playground/icons/Reverse.vue‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<template>
2+
<svg
3+
viewBox="0 0 24 24"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="24.000000"
7+
height="24.000000"
8+
fill="none"
9+
>
10+
<rect
11+
id="布局反转"
12+
width="24.000000"
13+
height="24.000000"
14+
x="0.000000"
15+
y="0.000000"
16+
transform="matrix(0,1,1,0,0,0)"
17+
/>
18+
<g id="ic_ict_reverses-反转/base/ic_ict_reverses">
19+
<path
20+
id="path1"
21+
d="M0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389Z"
22+
fill="rgb(255,255,255)"
23+
fill-opacity="0"
24+
fill-rule="nonzero"
25+
transform="matrix(0,1,1,0,4.5,4.5)"
26+
/>
27+
<path
28+
id="path1"
29+
d="M0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881Z"
30+
fill-rule="nonzero"
31+
stroke="rgb(255,255,255)"
32+
stroke-opacity="0"
33+
stroke-width="1.08506942"
34+
transform="matrix(0,1,1,0,4.5,4.5)"
35+
/>
36+
<path
37+
id="path2"
38+
d="M0.00182263 3.97881C-0.000534654 3.41183 0.0691532 2.84684 0.209212 2.29743C0.516196 1.13452 1.2737 0.444393 2.43543 0.176661C3.01794 0.0508048 3.61291 -0.00816139 4.20879 0.000906905C6.45571 0.000906905 8.70282 0.000906905 10.9501 0.000906905C11.5177 -0.00261625 12.0836 0.0622952 12.6356 0.194236C13.8325 0.48716 14.5507 1.24525 14.8243 2.43803C14.9473 3.00176 15.0061 3.57761 14.9995 4.15456C14.9995 6.42569 14.9995 8.69702 14.9995 10.9685C15.0026 11.5306 14.9379 12.091 14.8068 12.6376C14.5138 13.8351 13.7522 14.5498 12.5594 14.8234C11.9769 14.9488 11.382 15.0078 10.7861 14.9992C8.54855 14.9992 6.3112 14.9992 4.07404 14.9992C3.50215 15.0038 2.93176 14.9399 2.37509 14.8088C1.17293 14.5158 0.451167 13.7542 0.178163 12.5556C0.038731 11.9463 0.00182263 11.3353 0.00182263 10.719C0.00182263 9.64414 0.00182263 8.56911 0.00182263 7.49389C0.00182263 6.32219 -0.00227829 5.1505 0.00182263 3.97881Z"
39+
opacity="0.200000003"
40+
fill-rule="nonzero"
41+
stroke="rgb(255,255,255)"
42+
stroke-opacity="0"
43+
stroke-width="1.08506942"
44+
transform="matrix(0,1,1,0,4.5,4.5)"
45+
/>
46+
<circle id="path3" cx="8" cy="8" r="8" fill="rgb(255,255,255)" fill-opacity="0" transform="matrix(0,1,1,0,4,4)" />
47+
<path
48+
id="path4"
49+
d="M0 7.59578C0.46808 10.6954 3.07029 13.0952 6.26191 13.2506L5.15369 11.5949M13.2508 6.2733C13.1003 3.07579 10.6972 0.467588 7.59288 0L8.71336 1.64489"
50+
fill-rule="evenodd"
51+
stroke="rgb(25,25,25)"
52+
stroke-linecap="round"
53+
stroke-linejoin="round"
54+
stroke-width="1.08506942"
55+
transform="matrix(0,1,1,0,5.4082,5.40845)"
56+
/>
57+
<path
58+
id="path5"
59+
d="M0.26356 7.42877C0.443568 7.3902 0.620764 7.50486 0.659337 7.68487C1.11595 9.81576 2.70132 11.5192 4.74839 12.1536L4.7824 12.1638L4.76325 12.1353C4.71009 12.0564 4.64965 11.9667 4.58064 11.8643L4.52725 11.7851C4.42437 11.6324 4.46473 11.4253 4.6174 11.3224C4.77006 11.2195 4.97722 11.2599 5.0801 11.4125C5.68546 12.3108 5.68546 12.3108 5.80653 12.4905C5.9693 12.732 5.76579 13.0515 5.4781 13.006C2.76308 12.5772 0.582087 10.5061 0.00746806 7.82455C-0.0311049 7.64454 0.0835513 7.46735 0.26356 7.42877ZM8.00569 0.522622C7.82894 0.264789 8.07237 -0.0726237 8.37279 0.0138081C10.9664 0.760021 12.8747 3.01866 13.1566 5.7224C13.1757 5.90551 13.0427 6.06941 12.8596 6.0885C12.6765 6.10759 12.5126 5.97462 12.4935 5.79152C12.2786 3.73023 11.0121 1.95549 9.21037 1.05338L9.1614 1.02948L9.18402 1.06243L9.23551 1.13753C9.3396 1.28937 9.30089 1.49684 9.14905 1.60093C8.99721 1.70503 8.78973 1.66632 8.68564 1.51448C8.20755 0.817079 8.13285 0.708111 8.05311 0.591787L8.03514 0.565574C8.02594 0.552165 8.01632 0.53812 8.00569 0.522622Z"
60+
fill="rgb(255,255,255)"
61+
fill-opacity="0"
62+
fill-rule="evenodd"
63+
transform="matrix(0,1,1,0,5.57861,5.47388)"
64+
/>
65+
<path
66+
id="path5"
67+
d="M0.659337 7.68487C1.11595 9.81576 2.70132 11.5192 4.74839 12.1536L4.7824 12.1638L4.76325 12.1353C4.71009 12.0564 4.64965 11.9667 4.58064 11.8643L4.52725 11.7851C4.42437 11.6324 4.46473 11.4253 4.6174 11.3224C4.77006 11.2195 4.97722 11.2599 5.0801 11.4125C5.68546 12.3108 5.68546 12.3108 5.80653 12.4905C5.9693 12.732 5.76579 13.0515 5.4781 13.006C2.76308 12.5772 0.582087 10.5061 0.00746806 7.82455C-0.0311049 7.64454 0.0835513 7.46735 0.26356 7.42877C0.443568 7.3902 0.620764 7.50486 0.659337 7.68487ZM8.37279 0.0138081C10.9664 0.760021 12.8747 3.01866 13.1566 5.7224C13.1757 5.90551 13.0427 6.06941 12.8596 6.0885C12.6765 6.10759 12.5126 5.97462 12.4935 5.79152C12.2786 3.73023 11.0121 1.95549 9.21037 1.05338L9.1614 1.02948L9.18402 1.06243L9.23551 1.13753C9.3396 1.28937 9.30089 1.49684 9.14905 1.60093C8.99721 1.70503 8.78973 1.66632 8.68564 1.51448C8.20755 0.817079 8.13285 0.708111 8.05311 0.591787L8.03514 0.565574C8.02594 0.552165 8.01632 0.53812 8.00569 0.522622C7.82894 0.264789 8.07237 -0.0726237 8.37279 0.0138081Z"
68+
fill-rule="evenodd"
69+
stroke="rgb(255,255,255)"
70+
stroke-opacity="0"
71+
stroke-linejoin="round"
72+
stroke-width="1.08506942"
73+
transform="matrix(0,1,1,0,5.57861,5.47388)"
74+
/>
75+
<circle
76+
id="path6"
77+
cx="3.66666675"
78+
cy="3.66666675"
79+
r="3.66666675"
80+
fill="rgb(255,255,255)"
81+
fill-opacity="0"
82+
transform="matrix(0,1,1,0,12,12)"
83+
/>
84+
<circle
85+
id="path6"
86+
cx="3.66666675"
87+
cy="3.66666675"
88+
r="3.66666675"
89+
stroke="rgb(25,25,25)"
90+
stroke-linecap="round"
91+
stroke-linejoin="round"
92+
stroke-width="1.08506942"
93+
transform="matrix(0,1,1,0,12,12)"
94+
/>
95+
<path
96+
id="path7"
97+
d="M2 0L4.66667 0C5.77124 0 6.66667 0.895431 6.66667 2L6.66667 4.66667C6.66667 5.77124 5.77124 6.66667 4.66667 6.66667L2 6.66667C0.895431 6.66667 0 5.77124 0 4.66667L0 2C0 0.895431 0.895431 0 2 0Z"
98+
fill="rgb(255,255,255)"
99+
fill-opacity="0"
100+
fill-rule="evenodd"
101+
transform="matrix(0,1,1,0,5,5)"
102+
/>
103+
<path
104+
id="path7"
105+
d="M4.66667 0C5.77124 0 6.66667 0.895431 6.66667 2L6.66667 4.66667C6.66667 5.77124 5.77124 6.66667 4.66667 6.66667L2 6.66667C0.895431 6.66667 0 5.77124 0 4.66667L0 2C0 0.895431 0.895431 0 2 0L4.66667 0Z"
106+
fill-rule="evenodd"
107+
stroke="rgb(25,25,25)"
108+
stroke-linecap="round"
109+
stroke-linejoin="round"
110+
stroke-width="1.08506942"
111+
transform="matrix(0,1,1,0,5,5)"
112+
/>
113+
</g>
114+
</svg>
115+
</template>

‎examples/sites/playground/icons/Set.vue‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
<template>
2+
<svg
3+
viewBox="0 0 14 14"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="14.000000"
7+
height="14.000000"
8+
fill="none"
9+
>
10+
<rect id="设置布局" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
11+
<path
12+
id="path1"
13+
d="M-0.000168547 6.99409C-0.000168547 5.90034 -0.00308521 4.80659 -0.000168547 3.71284C-0.00308521 3.182 0.0639981 2.65409 0.192331 2.14367C0.481081 1.05867 1.18691 0.414086 2.27191 0.163253C2.81441 0.0465859 3.3715 -0.00883073 3.92566 -8.07295e-05C6.02275 -8.07295e-05 8.11983 -8.07295e-05 10.2198 -8.07295e-05C10.7477 -0.0029974 11.2757 0.0553359 11.7919 0.180753C12.909 0.452003 13.5798 1.16075 13.8336 2.27492C13.9502 2.79992 14.0027 3.33659 13.9969 3.87617C13.9969 5.99659 13.9969 8.117 13.9969 10.2345C13.9998 10.7595 13.9415 11.2845 13.819 11.7949C13.5448 12.912 12.8332 13.577 11.7219 13.8337C11.1765 13.9503 10.6223 14.0058 10.0652 13.997C7.97691 13.997 5.88858 13.997 3.80025 13.997C3.2665 14.0028 2.73566 13.9416 2.2165 13.8191C1.09358 13.5478 0.419831 12.8362 0.166081 11.7162C0.0348314 11.1474 -0.000168547 10.5787 -0.000168547 10.0041C-0.000168547 9.00075 -0.000168547 7.99742 -0.000168547 6.99409Z"
14+
fill="rgb(255,255,255)"
15+
fill-opacity="0"
16+
fill-rule="evenodd"
17+
/>
18+
<circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
19+
<path
20+
id="矢量 322"
21+
d="M12.9793 2.77075L12.9793 11.2291C12.9793 12.1945 12.1947 12.9791 11.2293 12.9791L2.771 12.9791C1.80266 12.9791 1.021 12.1945 1.021 11.2291L1.021 2.77075C1.021 1.80242 1.80266 1.02075 2.771 1.02075L11.2293 1.02075C12.1947 1.02075 12.9793 1.80242 12.9793 2.77075Z"
22+
fill-rule="nonzero"
23+
stroke="rgb(25,25,25)"
24+
stroke-width="0.875"
25+
/>
26+
<path
27+
id="path7"
28+
d="M4.71338 4.66675L4.71338 12.9763"
29+
stroke="rgb(25,25,25)"
30+
stroke-linecap="square"
31+
stroke-linejoin="round"
32+
stroke-width="0.875"
33+
/>
34+
<path
35+
id="path7"
36+
d="M9.28369 4.66675L9.28369 12.9763"
37+
stroke="rgb(25,25,25)"
38+
stroke-linecap="square"
39+
stroke-linejoin="round"
40+
stroke-width="0.875"
41+
/>
42+
<path
43+
id="path7"
44+
d="M1.021 4.66675L12.9793 4.66675"
45+
stroke="rgb(25,25,25)"
46+
stroke-linecap="square"
47+
stroke-linejoin="round"
48+
stroke-width="0.875"
49+
/>
50+
<path
51+
id="减去顶层"
52+
d="M4.27891 5.10425L0.583496 5.10425L0.583496 11.2292C0.583496 12.4367 1.56058 13.4167 2.771 13.4167L4.27891 13.4167L4.27891 5.10425Z"
53+
fill="rgb(255,255,255)"
54+
fill-opacity="0"
55+
fill-rule="evenodd"
56+
/>
57+
<path
58+
id="减去顶层"
59+
d="M13.4166 5.10425L9.72119 5.10425L9.72119 13.4167L11.2291 13.4167C12.4366 13.4167 13.4166 12.4367 13.4166 11.2292L13.4166 5.10425Z"
60+
fill="rgb(255,255,255)"
61+
fill-opacity="0"
62+
fill-rule="evenodd"
63+
/>
64+
<path
65+
id="减去顶层"
66+
d="M8.8463 5.10425L5.15088 5.10425L5.15088 13.4167L8.8463 13.4167L8.8463 5.10425Z"
67+
fill="rgb(255,255,255)"
68+
fill-opacity="0"
69+
fill-rule="evenodd"
70+
/>
71+
<path id="减去顶层" />
72+
<path
73+
id="减去顶层"
74+
d="M11.2293 0.583252L2.771 0.583252C1.56058 0.583252 0.583496 1.56034 0.583496 2.77075L0.583496 4.22908L13.4168 4.22908L13.4168 2.77075C13.4168 1.56034 12.4368 0.583252 11.2293 0.583252Z"
75+
fill="rgb(255,255,255)"
76+
fill-opacity="0"
77+
fill-rule="evenodd"
78+
/>
79+
</svg>
80+
</template>

‎examples/sites/playground/icons/Share.vue‎

Lines changed: 103 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,106 @@
11
<template>
2-
<svg viewBox="0 0 24 24">
3-
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
4-
<circle cx="18" cy="5" r="3" />
5-
<circle cx="6" cy="12" r="3" />
6-
<circle cx="18" cy="19" r="3" />
7-
<path d="M8.59 13.51l6.83 3.98" />
8-
<path d="M15.41 6.51l-6.82 3.98" />
9-
</g>
2+
<svg
3+
viewBox="0 0 14 14"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="14.000000"
7+
height="14.000000"
8+
fill="none"
9+
>
10+
<rect id="分享" width="14.000000" height="14.000000" x="0.000000" y="0.000000" />
11+
<rect
12+
id="ic_public_share-分享/base/ic_public_share"
13+
width="14.000000"
14+
height="14.000000"
15+
x="0.000000"
16+
y="0.000000"
17+
fill="rgb(255,255,255)"
18+
fill-opacity="0"
19+
/>
20+
<path
21+
id="path1"
22+
d="M-0.000168547 6.99409C-0.000168547 5.90034 -0.00308521 4.80659 -0.000168547 3.71284C-0.00308521 3.182 0.0639981 2.65409 0.192331 2.14367C0.481081 1.05867 1.18691 0.414086 2.27191 0.163253C2.81441 0.0465859 3.3715 -0.00883073 3.92566 -8.07295e-05C6.02275 -8.07295e-05 8.11983 -8.07295e-05 10.2198 -8.07295e-05C10.7477 -0.0029974 11.2757 0.0553359 11.7919 0.180753C12.909 0.452003 13.5798 1.16075 13.8336 2.27492C13.9502 2.79992 14.0027 3.33659 13.9969 3.87617C13.9969 5.99659 13.9969 8.117 13.9969 10.2345C13.9998 10.7595 13.9415 11.2845 13.819 11.7949C13.5448 12.912 12.8332 13.577 11.719 13.8337C11.1765 13.9503 10.6223 14.0058 10.0652 13.997C7.97691 13.997 5.88858 13.997 3.80025 13.997C3.2665 14.0028 2.73566 13.9416 2.21358 13.8191C1.09358 13.5478 0.419831 12.8362 0.166081 11.7162C0.0348314 11.1474 -0.000168547 10.5787 -0.000168547 10.0041C-0.000168547 9.00075 -0.000168547 7.99742 -0.000168547 6.99409Z"
23+
fill="rgb(255,255,255)"
24+
fill-opacity="0"
25+
fill-rule="evenodd"
26+
/>
27+
<circle id="path2" cx="7" cy="7" r="7" fill="rgb(255,255,255)" fill-opacity="0" />
28+
<path
29+
id="path3"
30+
d="M3.28417 11.3487L10.7129 11.3487M2.625 10.2083L6.32333 3.98706"
31+
stroke="rgb(25,25,25)"
32+
stroke-linejoin="round"
33+
stroke-width="0.875"
34+
/>
35+
<path
36+
id="path4"
37+
d="M6.07236 3.83838L2.37402 10.0567L2.87277 10.3571L6.57402 4.13588L6.07236 3.83838ZM10.7128 11.0571L3.28402 11.0571L3.28402 11.6405L10.7128 11.6405L10.7128 11.0571Z"
38+
fill="rgb(255,255,255)"
39+
fill-opacity="0"
40+
fill-rule="evenodd"
41+
/>
42+
<path
43+
id="path4"
44+
d="M2.87277 10.3571L6.57402 4.13588L6.07236 3.83838L2.37402 10.0567L2.87277 10.3571ZM3.28402 11.6405L10.7128 11.6405L10.7128 11.0571L3.28402 11.0571L3.28402 11.6405Z"
45+
fill-rule="nonzero"
46+
stroke="rgb(255,255,255)"
47+
stroke-opacity="0"
48+
stroke-width="0.875"
49+
/>
50+
<ellipse
51+
id="path5"
52+
rx="1.350877"
53+
ry="1.338235"
54+
cx="1.93388498"
55+
cy="11.3492212"
56+
fill="rgb(255,255,255)"
57+
fill-opacity="0"
58+
/>
59+
<ellipse
60+
id="path5"
61+
rx="1.350877"
62+
ry="1.338235"
63+
cx="1.93388498"
64+
cy="11.3492212"
65+
stroke="rgb(25,25,25)"
66+
stroke-width="0.875"
67+
/>
68+
<ellipse
69+
id="path6"
70+
rx="1.350878"
71+
ry="1.338235"
72+
cx="12.0652332"
73+
cy="11.3492212"
74+
fill="rgb(255,255,255)"
75+
fill-opacity="0"
76+
/>
77+
<ellipse
78+
id="path6"
79+
rx="1.350878"
80+
ry="1.338235"
81+
cx="12.0652332"
82+
cy="11.3492212"
83+
stroke="rgb(25,25,25)"
84+
stroke-width="0.875"
85+
/>
86+
<ellipse
87+
id="path7"
88+
rx="1.350877"
89+
ry="1.338235"
90+
cx="6.99931431"
91+
cy="2.65073514"
92+
fill="rgb(255,255,255)"
93+
fill-opacity="0"
94+
/>
95+
<ellipse
96+
id="path7"
97+
rx="1.350877"
98+
ry="1.338235"
99+
cx="6.99931431"
100+
cy="2.65073514"
101+
stroke="rgb(25,25,25)"
102+
stroke-linejoin="round"
103+
stroke-width="0.875"
104+
/>
10105
</svg>
11106
</template>

‎examples/sites/playground/icons/Vertical.vue‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<template>
2+
<svg
3+
viewBox="0 0 24 24"
4+
xmlns="http://www.w3.org/2000/svg"
5+
xmlns:xlink="http://www.w3.org/1999/xlink"
6+
width="24.000000"
7+
height="24.000000"
8+
fill="none"
9+
>
10+
<rect id="上下布局" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
11+
<path
12+
id="矢量 1"
13+
d="M5.4 1.2C6.06 1.2 6.6 1.74 6.6 2.4L6.6 14.4C6.6 15.06 6.06 15.6 5.4 15.6L2.4 15.6C1.74 15.6 1.2 15.06 1.2 14.4L1.2 2.4C1.2 1.74 1.74 1.2 2.4 1.2L5.4 1.2ZM5.4 0L2.4 0C1.08 0 0 1.08 0 2.4L0 14.4C0 15.72 1.08 16.8 2.4 16.8L5.4 16.8C6.72 16.8 7.8 15.72 7.8 14.4L7.8 2.4C7.8 1.08 6.72 0 5.4 0ZM16.8 2.4L16.8 14.4C16.8 15.72 15.72 16.8 14.4 16.8L11.4 16.8C10.08 16.8 9 15.72 9 14.4L9 2.4C9 1.08 10.08 0 11.4 0L14.4 0C15.72 0 16.8 1.08 16.8 2.4Z"
14+
fill="rgb(0,0,0)"
15+
fill-rule="nonzero"
16+
transform="matrix(0,1,1,0,3.6001,3.84009)"
17+
/>
18+
</svg>
19+
</template>

0 commit comments

Comments
 (0)