m534ctfno
/
vue-shop-admin-work
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mhx

Browse Source
马海馨 8 months ago
parent 0629b731f3
commit 0b9c0780c6
2 changed files with 245 additions and 22 deletions
Show Stats Download Patch File Download Diff File

51
src/assets/fonts/iconfont.css
Unescape View File

@ -15,23 +15,52 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-showpassword:before { content: "\ea3f"; }
.icon-user:before { content: "\e89a"; }
.icon-showpassword:before {
content: "\ea3f"; /* 显示密码图标的Unicode字符 */
/* 这是一个伪元素，用于在元素前添加内容，这里添加的是显示密码的图标 */
}
.icon-users:before { content: "\e8b5"; }
.icon-user:before {
content: "\e89a"; /* 用户图标的Unicode字符 */
/* 在元素前添加用户图标 */
}
.icon-3702mima:before { content: "\e66c"; }
.icon-users:before {
content: "\e8b5"; /* 多个用户（群组）图标的Unicode字符 */
/* 在元素前添加多个用户（群组）图标 */
}
.icon-shangpin:before { content: "\e888"; }
.icon-3702mima:before {
content: "\e66c"; /* 特定编号（可能是项目内部编号）的密码图标的Unicode字符 */
/* 在元素前添加特定编号的密码图标 */
}
.icon-danju:before { content: "\e89b"; }
.icon-shangpin:before {
content: "\e888"; /* 商品图标的Unicode字符 */
/* 在元素前添加商品图标 */
}
.icon-tijikongjian:before { content: "\e89f"; }
.icon-danju:before {
content: "\e89b"; /* 单据（可能是发票或收据）图标的Unicode字符 */
/* 在元素前添加单据图标 */
}
.icon-morentouxiang:before { content: "\e8c9"; }
.icon-tijikongjian:before {
content: "\e89f"; /* 提交空间（可能是指提交表单或文件的区域）图标的Unicode字符 */
/* 在元素前添加提交空间图标 */
}
.icon-baobiao:before { content: "\e902"; }
.icon-morentouxiang:before {
content: "\e8c9"; /* 多人头像（可能是群聊或多人合作）图标的Unicode字符 */
/* 在元素前添加多人头像图标 */
}
.icon-lock_fill:before { content: "\e709"; }
.icon-baobiao:before {
content: "\e902"; /* 报表（可能是数据分析或统计）图标的Unicode字符 */
/* 在元素前添加报表图标 */
}
.icon-lock_fill:before {
content: "\e709"; /* 已填充（实心）锁头图标的Unicode字符 */
/* 在元素前添加已填充锁头图标，表示锁定或安全状态 */
}

216
src/assets/fonts/iconfont.svg
Unescape View File

@ -67,22 +67,216 @@ t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-
<glyph glyph-name="showpassword" unicode="&#59967;" d="M1024 300c0-96-211.2-307.2-512-307.2-294.4 0-512 204.8-512 307.2s217.6 307.2 512 307.2c300.8 0 512-204.8 512-307.2l0 0zM512 549.6c-134.4 0-243.2-108.8-243.2-249.6s108.8-249.6 249.6-249.6c134.4 0 249.6 115.2 249.6 249.6-6.4 140.8-121.6 249.6-256 249.6l0 0zM512 460c-89.6 0-160-70.4-160-160s70.4-160 160-160c89.6 0 160 70.4 160 160s-70.4 160-160 160l0 0z" horiz-adv-x="1024" />
<glyph glyph-name="user" unicode="&#59546;" d="M622.816 193.28c-22.112 3.52-22.624 64.32-22.624 64.32s64.96 64.32 79.136 150.816c38.08 0 61.632 91.936 23.52 124.288C704.448 566.72 751.808 800 512 800c-239.808 0-192.448-233.28-190.88-267.328-38.08-32.352-14.56-124.288 23.52-124.288 14.144-86.496 79.136-150.816 79.136-150.816s-0.512-60.8-22.624-64.32C329.952 181.92 64 64.64 64-64l448 0 448 0C960 64.64 694.048 181.92 622.816 193.28z" horiz-adv-x="1024" />
<glyph
glyph-name="user"
<!-- 定义图标的名称为"user" -->
unicode="&#59546;"
<!-- 定义图标对应的Unicode编码 -->
d="M622.816 193.28c-22.112 3.52-22.624 64.32-22.624 64.32s64.96 64.32 79.136 150.816c38.08 0 61.632 91.936 23.52 124.288C704.448 566.72 751.808 800 512 800c-239.808 0-192.448-233.28-190.88-267.328-38.08-32.352-14.56-124.288 23.52-124.288 14.144-86.496 79.136-150.816 79.136-150.816s-0.512-60.8-22.624-64.32C329.952 181.92 64 64.64 64-64l448 0 448 0C960 64.64 694.048 181.92 622.816 193.28z"
<!-- 定义图标的路径数据，描述图标的形状 -->
horiz-adv-x="1024"
<!-- 定义图标的水平高级宽度 -->
/>
<glyph glyph-name="users" unicode="&#59573;" d="M735.008 90.624c-18.944 2.976-19.392 54.656-19.392 54.656s55.68 54.656 67.808 128.16c32.64 0 52.8 78.144 20.16 105.632 1.376 28.928 41.984 227.168-163.584 227.168-205.568 0-164.96-198.24-163.584-227.168-32.64-27.488-12.48-105.632 20.16-105.632 12.128-73.504 67.84-128.16 67.84-128.16s-0.416-51.68-19.392-54.656C483.968 80.992 256-18.688 256-128l384 0 384 0C1024-18.688 796.032 80.992 735.008 90.624zM344.064 73.184c44.096 27.136 97.632 52.32 141.536 67.424-15.744 22.432-33.28 52.928-44.32 89.056-15.392 12.576-27.936 30.528-36 52.608-8.064 22.112-11.136 46.848-8.608 69.696 1.792 16.384 6.464 31.68 13.664 45.088-4.352 46.592-7.424 138.048 52.448 204.736 23.2 25.856 52.544 44.448 87.712 55.68C544.192 722.24 511.296 798.24 384 798.24c-205.568 0-164.96-198.24-163.584-227.168-32.64-27.488-12.48-105.632 20.16-105.632 12.128-73.504 67.84-128.16 67.84-128.16s-0.416-51.68-19.392-54.656C227.968 272.992 0 173.312 0 64l329.6 0C334.304 67.072 339.104 70.144 344.064 73.184z" horiz-adv-x="1024" />
<glyph
glyph-name="users"
<!-- 定义图标的名称为"users" -->
unicode="&#59573;"
<!-- 定义图标对应的Unicode编码 -->
d="M735.008 90.624c-18.944 2.976-19.392 54.656-19.392 54.656s55.68 54.656 67.808 128.16c32.64 0 52.8 78.144 20.16 105.632 1.376 28.928 41.984 227.168-163.584 227.168-205.568 0-164.96-198.24-163.584-227.168-32.64-27.488-12.48-105.632 20.16-105.632 12.128-73.504 67.84-128.16 67.84-128.16s-0.416-51.68-19.392-54.656C483.968 80.992 256-18.688 256-128l384 0 384 0C1024-18.688 796.032 80.992 735.008 90.624zM344.064 73.184c44.096 27.136 97.632 52.32 141.536 67.424-15.744 22.432-33.28 52.928-44.32 89.056-15.392 12.576-27.936 30.528-36 52.608-8.064 22.112-11.136 46.848-8.608 69.696 1.792 16.384 6.464 31.68 13.664 45.088-4.352 46.592-7.424 138.048 52.448 204.736 23.2 25.856 52.544 44.448 87.712 55.68C544.192 722.24 511.296 798.24 384 798.24c-205.568 0-164.96-198.24-163.584-227.168-32.64-27.488-12.48-105.632 20.16-105.632 12.128-73.504 67.84-128.16 67.84-128.16s-0.416-51.68-19.392-54.656C227.968 272.992 0 173.312 0 64l329.6 0C334.304 67.072 339.104 70.144 344.064 73.184z"
<!-- 定义图标的路径数据，描述多个用户的图标形状 -->
horiz-adv-x="1024"
<!-- 定义图标的水平高级宽度 -->
/>
<glyph glyph-name="3702mima" unicode="&#58988;" d="M893.532041 14.644791l-0.284479 392.855436c-1.805112 41.266869-35.472909 74.250074-77.136821 74.419943l-50.869574-0.029676 0 35.523051 0.191358 0 0.170892 81.20344c0 2.183735-0.285502 4.273327-0.647753 6.363941-2.829442 123.525338-101.722776 223.293599-224.985124 227.214908l0 1.137916C414.498874 831.871447 313.084113 731.117742 310.218856 606.004233c-0.361227-2.090615-0.64673-4.180206-0.64673-6.363941l0.170892-81.20344 0.191358 0 0-36.477796-0.094144 0 0-0.323365-42.272779-0.019443c-2.596128-0.115634-5.158487-0.358157-7.682983-0.720408l-0.819668 0c-41.663912-0.169869-75.331709-33.152051-77.136821-74.419943l-0.284479-392.855436c0.209778-42.786479 34.921347-77.441766 77.763085-77.441766l38.911218 0 0-0.037862 466.923362-0.265036 0 0.302899 38.910195 0c4.331655 0 8.575306 0.370437 12.71458 1.050935C859.199095-62.181969 893.32431-27.774321 893.532041 14.644791zM387.811048 599.905328c0.514723 82.71998 65.588811 150.08832 147.393955 154.210197l0-0.847298c84.028788-1.687432 151.633512-70.065775 152.158469-154.386206l0.454348 0c0-0.095167-0.036839-0.170892-0.036839-0.265036l-0.26299-116.770494-299.860439-0.172939-0.265036 117.966739c0 0.094144-0.037862 0.169869-0.037862 0.265036L387.811048 599.905328z" horiz-adv-x="1024" />
<glyph
glyph-name="3702mima"
<!-- 定义图标的名称为"3702mima" -->
unicode="&#58988;"
<!-- 定义图标对应的Unicode编码 -->
d="M893.532041 14.644791l-0.284479 392.855436
<!-- 从坐标(893.532041, 14.644791)开始，向上绘制一条长度为392.855436的线段 -->
c-1.805112 41.266869-35.472909 74.250074-77.136821 74.419943
<!-- 从上一点开始，绘制一条三次贝塞尔曲线到(减去偏移后的位置)，曲线控制点和结束点如上 -->
l-50.869574-0.029676 0 35.523051 0.191358 0 0.170892 81.20344
<!-- 绘制一系列直线段，长度和方向如上 -->
c0 2.183735-0.285502 4.273327-0.647753 6.363941
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（实际上是直线，因为控制点与起点或终点重合），表示微小的垂直上升 -->
-2.829442 123.525338-101.722776 223.293599-224.985124 227.214908
<!-- 绘制另一条三次贝塞尔曲线，表示大幅上升并稍微向右弯曲 -->
l0 1.137916
<!-- 绘制一条长度为1.137916的垂直线段 -->
C414.498874 831.871447 313.084113 731.117742 310.218856 606.004233
<!-- 绘制一条到指定坐标的二次贝塞尔曲线，但由于缺少控制点，这里可能是一个误解，应为直线或需额外信息 -->
c-0.361227-2.090615-0.64673-4.180206-0.64673-6.363941
<!-- 从上一点开始，绘制一条微小的下降直线 -->
l0.170892-81.20344 0.191358 0 0-36.477796-0.094144 0 0-0.323365-42.272779-0.019443
<!-- 绘制一系列直线段和微小的下降，表示向左下方的折线 -->
c-2.596128-0.115634-5.158487-0.358157-7.682983-0.720408
<!-- 从上一点开始，绘制一条微小的下降直线，表示进一步的下降 -->
l-0.819668 0
<!-- 绘制一条长度为0的水平线段，可能是为了调整位置或作为路径的一部分，但无实际效果 -->
c-41.663912-0.169869-75.331709-33.152051-77.136821-74.419943
<!-- 从上一点开始，绘制一条三次贝塞尔曲线，表示向左下方的大幅下降 -->
l-0.284479-392.855436
<!-- 绘制一条向左下方的长直线，回到起始区域附近 -->
c0.209778-42.786479 34.921347-77.441766 77.763085-77.441766
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线，因为控制点与终点重合），表示微小的水平移动和大幅上升回到原高度 -->
l38.911218 0 0-0.037862 466.923362-0.265036 0 0.302899 38.910195 0
<!-- 绘制一系列直线段，主要是水平移动，可能用于调整位置或作为路径的一部分 -->
c4.331655 0 8.575306 0.370437 12.71458 1.050935
<!-- 从上一点开始，绘制一条微小的上升直线 -->
C859.199095-62.181969 893.32431-27.774321 893.532041 14.644791
<!-- 绘制一条到起始坐标的二次贝塞尔曲线，完成整个图标的轮廓 -->
z
<!-- 表示路径的结束，回到起始点 -->
M387.811048 599.905328
<!-- 开始绘制图标内部的另一个形状或元素 -->
c0.514723 82.71998 65.588811 150.08832 147.393955 154.210197
<!-- 从指定坐标开始，绘制一条三次贝塞尔曲线，表示向上的大幅弯曲 -->
l0-0.847298
<!-- 绘制一条微小的下降直线 -->
c84.028788-1.687432 151.633512-70.065775 152.158469-154.386206
<!-- 从上一点开始，绘制一条三次贝塞尔曲线，表示向左下方的大幅下降 -->
l0.454348 0
<!-- 绘制一条长度为0的水平线段，可能是为了调整位置或作为路径的一部分，但无实际效果 -->
c0-0.095167-0.036839-0.170892-0.036839-0.265036
<!-- 从上一点开始，绘制一条微小的下降直线 -->
l-0.26299-116.770494-299.860439-0.172939-0.265036 117.966739
<!-- 绘制一系列直线段，表示向左下方的大幅移动，然后向右上方的大幅移动，回到接近起始位置 -->
c0 0.094144-0.037862 0.169869-0.037862 0.265036
<!-- 从上一点开始，绘制一条微小的上升直线 -->
L387.811048 599.905328
<!-- 绘制一条直线到起始坐标，完成内部形状或元素的绘制 -->
z"
<!-- 表示路径的结束，回到起始点 -->
horiz-adv-x="1024"
<!-- 定义图标的水平高级宽度 -->
/>
<glyph glyph-name="shangpin" unicode="&#59528;" d="M832 640H640V735.2c0 17.6-14.4 32.8-32.8 32.8H416c-17.6 0-32.8-14.4-32.8-32.8V640H192l-64-576c0-35.2 28.8-64 64-64h640c35.2 0 64 28.8 64 64l-64 576z m-384 64h128v-64H448v64z m-0.8-192H384v63.2h63.2V512zM640 512h-63.2v63.2H640V512z" horiz-adv-x="1024" />
<glyph
glyph-name="shangpin"
<!-- 定义图标的名称为“shangpin” -->
unicode="&#59528;"
<!-- 定义图标对应的Unicode编码 -->
d="M832 640H640V735.2
<!-- 从坐标(832, 640)开始，水平移动到(640, 640)，然后垂直移动到(640, 735.2) -->
c0 17.6-14.4 32.8-32.8 32.8
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线，因为控制点与起点或终点重合），表示垂直上升，高度为32.8 -->
H416
<!-- 水平移动到(416, 735.2) -->
c-17.6 0-32.8-14.4-32.8-32.8
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示垂直下降，回到高度640 -->
V640
<!-- 垂直移动到(416, 640) -->
H192
<!-- 水平移动到(192, 640) -->
l-64-576
<!-- 从上一点开始，绘制一条向左下方倾斜的直线，长度为64，垂直下降576 -->
c0-35.2 28.8-64 64-64
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示微小的水平移动和大幅的垂直下降，形成矩形的底部 -->
h640
<!-- 水平移动到(832, -64)（但由于是相对于上一个点，且上一个点已经在最低点，这里实际上没有垂直移动） -->
c35.2 0 64 28.8 64 64
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示微小的水平移动和大幅的垂直上升，回到起始高度附近 -->
l-64 576
<!-- 绘制一条向右上方倾斜的直线，长度为64，垂直上升576，形成矩形的右上角 -->
z
<!-- 表示路径的结束，回到起始点，形成闭合路径 -->
m-384 64
<!-- 从上一个路径的结束点开始，水平移动到(448, 64)（因为-384的偏移） -->
h128
<!-- 水平移动到(576, 64) -->
v-64
<!-- 垂直移动到(576, 0) -->
H448
<!-- 水平移动到(448, 0) -->
v64
<!-- 垂直移动到(448, 64)，形成一个小的正方形或矩形 -->
z
<!-- 表示路径的结束，回到起始点（对于这个小矩形） -->
m-0.8-192
<!-- 从上一个路径的结束点开始，微小地向左移动，准备绘制下一个形状 -->
H384
<!-- 水平移动到(384, -128)（但由于是相对于上一个点，且上一个点已经在y=64，所以这里实际上是向下移动） -->
v63.2
<!-- 垂直移动到(384, -64.8)（但由于是向上移动，且起始点在y=0以下，所以这里的数值表示相对于某个更低点的位置） -->
h63.2
<!-- 水平移动到(447.2, -64.8) -->
V512
<!-- 垂直移动到(447.2, 512)，形成一个向上的直线段，可能是为了与其他部分对齐或形成某种视觉效果 -->
z
<!-- 但由于此命令后没有其他形状或路径连接到此点，V512和随后的Z可能是为了保持路径的完整性或为了后续可能的修改预留 -->
M640 512
<!-- 绝对移动到(640, 512) -->
h-63.2
<!-- 水平移动到(576.8, 512) -->
v63.2
<!-- 垂直移动到(576.8, 575.2) -->
H640
<!-- 水平移动到(640, 575.2) -->
V512
<!-- 垂直移动回到(640, 512)，形成一个小的正方形或矩形，与之前的类似但位置不同 -->
z"
<!-- 表示路径的结束，回到起始点（对于这个小矩形） -->
horiz-adv-x="1024"
<!-- 定义图标的水平高级宽度 -->
/>
<glyph glyph-name="danju" unicode="&#59547;" d="M800 704H640c0 70.4-57.6 128-128 128s-128-57.6-128-128H224c-17.6 0-32-14.4-32-32v-704c0-17.6 14.4-32 32-32h576c17.6 0 32 14.4 32 32V672c0 17.6-14.4 32-32 32z m-288 32c17.6 0 32-14.4 32-32s-14.4-32-32-32-32 14.4-32 32 14.4 32 32 32z m64-608H320v64h256v-64z m128 128H320v64h384v-64z m0 128H320v64h384v-64z" horiz-adv-x="1024" />
<glyph glyph-name="tijikongjian" unicode="&#59551;" d="M496 0.8L138.4 124.8c-6.4 2.4-10.4 8-10.4 15.2V608.8l368-112v-496z m32 0l357.6 124c6.4 2.4 10.4 8 10.4 15.2V608.8l-368-112v-496z m-400 640l384-112 384 112-379.2 125.6c-3.2 0.8-7.2 0.8-10.4 0L128 640.8z" horiz-adv-x="1024" />
<glyph
glyph-name="danju"
<!-- 定义图标的名称为“danju” -->
unicode="&#59547;"
<!-- 定义图标对应的Unicode编码 -->
d="M800 704H640
<!-- 从坐标(800, 704)开始，水平移动到(640, 704) -->
c0 70.4-57.6 128-128 128
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示水平不移动，垂直上升70.4到128的高度变化 -->
s-128-57.6-128-128
<!-- 从上一点开始，使用对称的控制点绘制另一条三次贝塞尔曲线（或直线），表示垂直下降到原来的高度 -->
H224
<!-- 水平移动到(224, 704) -->
c-17.6 0-32-14.4-32-32
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示微小的水平移动和垂直下降32 -->
v-704
<!-- 垂直移动到(224, 0) -->
c0-17.6 14.4-32 32-32
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示微小的水平移动和垂直不变，但形成矩形的左下角 -->
h576
<!-- 水平移动到(800, 0) -->
c17.6 0 32 14.4 32 32
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示微小的水平移动和垂直上升32，形成矩形的右下角 -->
V672
<!-- 垂直移动到(800, 672) -->
c0 17.6-14.4 32-32 32
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示水平不移动，但垂直上升形成矩形的右上角 -->
z
<!-- 表示路径的结束，回到起始点，形成闭合路径（矩形） -->
m-288 32
<!-- 从上一个路径的结束点开始，水平向左移动288，准备绘制内部的小形状 -->
c17.6 0 32-14.4 32-32
<!-- 从上一点开始，绘制一条三次贝塞尔曲线（或直线），表示形成一个小圆形的上半部分 -->
s-14.4-32-32-32
<!-- 使用对称的控制点绘制另一条三次贝塞尔曲线（或直线），形成小圆形的下半部分 -->
s-32 14.4-32 32
<!-- 再次使用对称的控制点，但这次是为了回到原始高度，完成小圆形的绘制 -->
s14.4 32 32 32
<!-- 完成小圆形的闭合路径（虽然这里没有直接用Z命令，但通过连续的S命令实现了闭合） -->
z
<!-- 但由于S命令的连续性，这里的Z可能是隐含的或为了保持路径命令的一致性而添加的 -->
m64-608
<!-- 从上一个路径的结束点开始，向右移动64，准备绘制另一个形状 -->
H320
<!-- 水平移动到(320, -608)（但由于是相对于上一个点，且上一个点已经在某个高度，所以这里实际上是向左移动并垂直下降） -->
v64
<!-- 垂直移动到(320, -544) -->
h256
<!-- 水平移动到(576, -544) -->
v-64
<!-- 垂直移动到(576, -608)，形成一个矩形或条形的底部 -->
z
<!-- 表示路径的结束，但这里并没有回到起始点，因为是一个开放的-->
<glyph glyph-name="morentouxiang" unicode="&#59593;" d="M512 832C264.8 832 64 631.2 64 384s200.8-448 448-448 448 200.8 448 448S759.2 832 512 832zM384.8 520c4 64 56 115.2 120 119.2 74.4 4 135.2-55.2 135.2-128 0-70.4-57.6-128-128-128-73.6 0-132 62.4-127.2 136.8zM768 149.6c0-12-9.6-21.6-21.6-21.6H278.4c-12 0-21.6 9.6-21.6 21.6v64c0 84.8 170.4 128 255.2 128 84.8 0 255.2-42.4 255.2-128l0.8-64z" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Write Preview
Loading…
Cancel
Save