更新静态文件
This commit is contained in:
yangjian
parent
508a3276d3
commit
8ad9fbf32d
@ -1 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1605013625441" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="941" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M691.573 338.89c-1.282 109.275-89.055 197.047-198.33 198.331-109.292 1.282-197.065-90.984-198.325-198.331-0.809-68.918-107.758-68.998-106.948 0 1.968 167.591 137.681 303.31 305.272 305.278C660.85 646.136 796.587 503.52 798.521 338.89c0.811-68.998-106.136-68.918-106.948 0z" fill="#4A5699" p-id="942"></path><path d="M294.918 325.158c1.283-109.272 89.051-197.047 198.325-198.33 109.292-1.283 197.068 90.983 198.33 198.33 0.812 68.919 107.759 68.998 106.948 0C796.555 157.567 660.839 21.842 493.243 19.88c-167.604-1.963-303.341 140.65-305.272 305.278-0.811 68.998 106.139 68.919 106.947 0z" fill="#C45FA0" p-id="943"></path><path d="M222.324 959.994c0.65-74.688 29.145-144.534 80.868-197.979 53.219-54.995 126.117-84.134 201.904-84.794 74.199-0.646 145.202 29.791 197.979 80.867 54.995 53.219 84.13 126.119 84.79 201.905 0.603 68.932 107.549 68.99 106.947 0-1.857-213.527-176.184-387.865-389.716-389.721-213.551-1.854-387.885 178.986-389.721 389.721-0.601 68.991 106.349 68.933 106.949 0.001z" fill="#E5594F" p-id="944"></path></svg>
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606220167131" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2438" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 929.959184c-230.4 0-417.959184-187.559184-417.959184-417.959184s187.559184-417.959184 417.959184-417.959184 417.959184 187.559184 417.959184 417.959184-187.559184 417.959184-417.959184 417.959184z" fill="#16C4AF" p-id="2439"></path><path d="M512 715.755102c-46.497959 0-90.383673-6.269388-123.297959-17.240816-55.379592-18.808163-67.395918-47.020408-67.395919-67.918368 0-71.57551 46.497959-135.836735 119.118368-162.481632 7.836735-3.134694 16.718367-1.044898 22.465306 5.22449 13.061224 14.106122 30.82449 21.942857 49.110204 21.942857s35.526531-7.836735 49.110204-21.942857c5.746939-6.269388 14.628571-8.359184 22.465306-5.22449 72.097959 27.167347 119.118367 90.906122 119.118368 162.481632-0.522449 62.693878-102.922449 85.159184-190.693878 85.159184z" fill="#0B9682" p-id="2440"></path><path d="M512 532.897959c-62.171429 0-112.326531-50.677551-112.326531-112.32653S449.828571 308.244898 512 308.244898s112.326531 50.677551 112.326531 112.326531S574.171429 532.897959 512 532.897959z" fill="#DCFFFA" p-id="2441"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
@ -147,4 +147,252 @@
|
||||
/* 面包屑链接 */
|
||||
.layui-breadcrumb a:hover{
|
||||
color: #2176ff !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 文字悬浮提示样式 */
|
||||
/* tooltip样式 */
|
||||
[tooltip] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[tooltip]::after {
|
||||
display: none;
|
||||
content: attr(tooltip);
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 8px 8px;
|
||||
max-width: 200px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
[tooltip]::before {
|
||||
display: none;
|
||||
content: '';
|
||||
position: absolute;
|
||||
border: 5px solid transparent;
|
||||
border-bottom-width: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
[tooltip]:hover::after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[tooltip]:hover::before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[tooltip][placement^="top"]::after, [tooltip][placement^="top"]::before {
|
||||
animation: anime-top 300ms ease-out forwards;
|
||||
}
|
||||
|
||||
[tooltip][placement^="right"]::after, [tooltip][placement^="right"]::before {
|
||||
animation: anime-right 300ms ease-out forwards;
|
||||
}
|
||||
|
||||
[tooltip][placement^="bottom"]::after, [tooltip][placement^="bottom"]::before {
|
||||
animation: anime-bottom 300ms ease-out forwards;
|
||||
}
|
||||
|
||||
[tooltip][placement^="left"]::after, [tooltip][placement^="left"]::before {
|
||||
animation: anime-left 300ms ease-out forwards;
|
||||
}
|
||||
|
||||
/* 气泡主题 */
|
||||
.tooltip-theme-dark, [tooltip]::after {
|
||||
color: #fff;
|
||||
background-color: #313131;
|
||||
}
|
||||
|
||||
.tooltip-theme-light, [tooltip][effect="light"]::after {
|
||||
color: #313131;
|
||||
background-color: #fff;
|
||||
border: 1px solid #313131;
|
||||
}
|
||||
|
||||
/* 气泡位置 */
|
||||
/*----上----*/
|
||||
.tooltip-placement-top, [tooltip]:not([placement])::after, [tooltip][placement=""]::after, [tooltip][placement="top"]::after {
|
||||
bottom: calc(100% + 10px);
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-top-right, [tooltip][placement="top-right"]::after {
|
||||
bottom: calc(100% + 10px);
|
||||
left: 100%;
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-top-left, [tooltip][placement="top-left"]::after {
|
||||
bottom: calc(100% + 10px);
|
||||
left: 0;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
/*----右----*/
|
||||
.tooltip-placement-right, [tooltip][placement="right"]::after {
|
||||
left: calc(100% + 10px);
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
.tooltip-placement-right-top, [tooltip][placement="right-top"]::after {
|
||||
left: calc(100% + 10px);
|
||||
top: 0;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-right-bottom, [tooltip][placement="right-bottom"]::after {
|
||||
left: calc(100% + 10px);
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
/*----下----*/
|
||||
.tooltip-placement-bottom, [tooltip][placement="bottom"]::after {
|
||||
top: calc(100% + 10px);
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-bottom-right, [tooltip][placement="bottom-right"]::after {
|
||||
top: calc(100% + 10px);
|
||||
left: 100%;
|
||||
transform: translate(-100%, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-bottom-left, [tooltip][placement="bottom-left"]::after {
|
||||
top: calc(100% + 10px);
|
||||
left: 0;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
/*----左----*/
|
||||
.tooltip-placement-left, [tooltip][placement="left"]::after {
|
||||
right: calc(100% + 10px);
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
.tooltip-placement-left-top, [tooltip][placement="left-top"]::after {
|
||||
right: calc(100% + 10px);
|
||||
top: 0;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
.tooltip-placement-left-bottom, [tooltip][placement="left-bottom"]::after {
|
||||
right: calc(100% + 10px);
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
/* 三角形主题 */
|
||||
.triangle-theme-dark, [tooltip]::before {
|
||||
border-top-color: #313131;
|
||||
}
|
||||
|
||||
.triangle-theme-light, [tooltip][effect="light"]::before {
|
||||
border-top-color: #313131;
|
||||
}
|
||||
|
||||
/* 三角形位置 */
|
||||
/*----上----*/
|
||||
.triangle-placement-top, [tooltip]:not([placement])::before, [tooltip][placement=""]::before, [tooltip][placement="top"]::before {
|
||||
bottom: calc(100% + 5px);
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.triangle-placement-top-left, [tooltip][placement="top-left"]::before {
|
||||
bottom: calc(100% + 5px);
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.triangle-placement-top-right, [tooltip][placement="top-right"]::before {
|
||||
bottom: calc(100% + 5px);
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/*----右----*/
|
||||
.triangle-placement-right, [tooltip][placement="right"]::before, .triangle-placement-right-top, [tooltip][placement="right-top"]::before, .triangle-placement-right-bottom, [tooltip][placement="right-bottom"]::before {
|
||||
left: calc(100% + 3px);
|
||||
top: 50%;
|
||||
transform: translate(0, -50%) rotateZ(90deg);
|
||||
}
|
||||
|
||||
.triangle-placement-right-top, [tooltip][placement="right-top"]::before {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.triangle-placement-right-bottom, [tooltip][placement="right-bottom"]::before {
|
||||
bottom: 10px;
|
||||
top: auto;
|
||||
transform: translate(0, 0) rotateZ(90deg);
|
||||
}
|
||||
|
||||
/*----下----*/
|
||||
.triangle-placement-bottom, [tooltip][placement="bottom"]::before, .triangle-placement-bottom-left, [tooltip][placement="bottom-left"]::before, .triangle-placement-bottom-right, [tooltip][placement="bottom-right"]::before {
|
||||
top: calc(100% + 5px);
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0) rotateZ(180deg);
|
||||
}
|
||||
|
||||
.triangle-placement-bottom-left, [tooltip][placement="bottom-left"]::before {
|
||||
transform: translate(0, 0) rotateZ(180deg);
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.triangle-placement-bottom-right, [tooltip][placement="bottom-right"]::before {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/*----左----*/
|
||||
.triangle-placement-left, [tooltip][placement="left"]::before, .triangle-placement-left-top, [tooltip][placement="left-top"]::before, .triangle-placement-left-bottom, [tooltip][placement="left-bottom"]::before {
|
||||
right: calc(100% + 3px);
|
||||
top: 50%;
|
||||
transform: translate(0, -50%) rotateZ(270deg);
|
||||
}
|
||||
|
||||
.triangle-placement-left-top, [tooltip][placement="left-top"]::before {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.triangle-placement-left-bottom, [tooltip][placement="left-bottom"]::before {
|
||||
bottom: 10px;
|
||||
top: auto;
|
||||
transform: translate(0, 0) rotateZ(270deg);
|
||||
}
|
||||
|
||||
@keyframes anime-top {
|
||||
from {
|
||||
opacity: .5;
|
||||
bottom: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes anime-bottom {
|
||||
from {
|
||||
opacity: .5;
|
||||
top: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes anime-left {
|
||||
from {
|
||||
opacity: .5;
|
||||
right: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes anime-right {
|
||||
from {
|
||||
opacity: .5;
|
||||
left: 150%;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user