style: stylelint
This commit is contained in:
parent
42c8db4f34
commit
1a1b70a350
@ -591,14 +591,17 @@ watch(
|
|||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
fill-opacity: 0.2 !important;
|
fill-opacity: 0.2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-return.djs-shape .djs-visual > :nth-child(2) {
|
.highlight-return.djs-shape .djs-visual > :nth-child(2) {
|
||||||
fill: #e6a23c !important;
|
fill: #e6a23c !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-return.djs-shape .djs-visual > path {
|
.highlight-return.djs-shape .djs-visual > path {
|
||||||
fill: #e6a23c !important;
|
fill: #e6a23c !important;
|
||||||
fill-opacity: 0.2 !important;
|
fill-opacity: 0.2 !important;
|
||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-return.djs-connection > .djs-visual > path {
|
.highlight-return.djs-connection > .djs-visual > path {
|
||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
}
|
}
|
||||||
@ -612,14 +615,17 @@ watch(
|
|||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
fill-opacity: 0.2 !important;
|
fill-opacity: 0.2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.highlight-return.djs-shape .djs-visual > :nth-child(2)) {
|
:deep(.highlight-return.djs-shape .djs-visual > :nth-child(2)) {
|
||||||
fill: #e6a23c !important;
|
fill: #e6a23c !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.highlight-return.djs-shape .djs-visual > path) {
|
:deep(.highlight-return.djs-shape .djs-visual > path) {
|
||||||
fill: #e6a23c !important;
|
fill: #e6a23c !important;
|
||||||
fill-opacity: 0.2 !important;
|
fill-opacity: 0.2 !important;
|
||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.highlight-return.djs-connection > .djs-visual > path) {
|
:deep(.highlight-return.djs-connection > .djs-visual > path) {
|
||||||
stroke: #e6a23c !important;
|
stroke: #e6a23c !important;
|
||||||
}
|
}
|
||||||
|
@ -114,6 +114,7 @@ $prefix-cls: #{$elNamespace}-breadcrumb;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(&__item):last-child {
|
:deep(&__item):last-child {
|
||||||
.#{$prefix-cls}__inner {
|
.#{$prefix-cls}__inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div
|
<div
|
||||||
class="h-[50px] w-[50px] flex items-center justify-center"
|
class="h-[50px] w-[50px] flex items-center justify-center"
|
||||||
style="color: rgb(24, 144, 255); background-color: rgba(24, 144, 255, 0.1)"
|
style="color: rgb(24 144 255); background-color: rgb(24 144 255 / 10%)"
|
||||||
>
|
>
|
||||||
<Icon :size="23" icon="fa:user-times" />
|
<Icon :size="23" icon="fa:user-times" />
|
||||||
</div>
|
</div>
|
||||||
@ -27,7 +27,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div
|
<div
|
||||||
class="h-[50px] w-[50px] flex items-center justify-center"
|
class="h-[50px] w-[50px] flex items-center justify-center"
|
||||||
style="color: rgb(162, 119, 255); background-color: rgba(162, 119, 255, 0.1)"
|
style="color: rgb(162 119 255); background-color: rgb(162 119 255 / 10%)"
|
||||||
>
|
>
|
||||||
<Icon :size="23" icon="fa:user-plus" />
|
<Icon :size="23" icon="fa:user-plus" />
|
||||||
</div>
|
</div>
|
||||||
@ -48,7 +48,7 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div
|
<div
|
||||||
class="h-[50px] w-[50px] flex items-center justify-center"
|
class="h-[50px] w-[50px] flex items-center justify-center"
|
||||||
style="color: rgb(162, 119, 255); background-color: rgba(162, 119, 255, 0.1)"
|
style="color: rgb(162 119 255); background-color: rgb(162 119 255 / 10%)"
|
||||||
>
|
>
|
||||||
<Icon :size="23" icon="fa:user-plus" />
|
<Icon :size="23" icon="fa:user-plus" />
|
||||||
</div>
|
</div>
|
||||||
|
@ -472,12 +472,15 @@ onMounted(async () => {
|
|||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.trapezoid1 {
|
.trapezoid1 {
|
||||||
transform: perspective(5em) rotateX(-11deg);
|
transform: perspective(5em) rotateX(-11deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.trapezoid2 {
|
.trapezoid2 {
|
||||||
transform: perspective(7em) rotateX(-20deg);
|
transform: perspective(7em) rotateX(-20deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.trapezoid3 {
|
.trapezoid3 {
|
||||||
transform: perspective(3em) rotateX(-13deg);
|
transform: perspective(3em) rotateX(-13deg);
|
||||||
}
|
}
|
||||||
|
@ -307,7 +307,7 @@ onMounted(async () => {
|
|||||||
|
|
||||||
// 时间线样式调整
|
// 时间线样式调整
|
||||||
:deep(.el-timeline) {
|
:deep(.el-timeline) {
|
||||||
margin: 10px 0px 0px 160px;
|
margin: 10px 0 0 160px;
|
||||||
|
|
||||||
.el-timeline-item__wrapper {
|
.el-timeline-item__wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -328,27 +328,27 @@ onMounted(async () => {
|
|||||||
background-color: #f7f8fa;
|
background-color: #f7f8fa;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: '';
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 13px;
|
left: 13px;
|
||||||
border-width: 8px; /* 调整尖角大小 */
|
|
||||||
border-style: solid;
|
|
||||||
border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色,左侧朝向 */
|
border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色,左侧朝向 */
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 8px; /* 调整尖角大小 */
|
||||||
|
content: '';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dot-node-style {
|
.dot-node-style {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -5px;
|
left: -5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 50%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 50%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -395,27 +395,27 @@ onMounted(async () => {
|
|||||||
background-color: #f7f8fa;
|
background-color: #f7f8fa;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: ''; /* 必须设置 content 属性 */
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 13px; /* 将伪元素水平居中 */
|
left: 13px; /* 将伪元素水平居中 */
|
||||||
border-width: 8px; /* 调整尖角大小 */
|
|
||||||
border-style: solid;
|
|
||||||
border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色,左侧朝向 */
|
border-color: transparent #f7f8fa transparent transparent; /* 尖角颜色,左侧朝向 */
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 8px; /* 调整尖角大小 */
|
||||||
|
content: ''; /* 必须设置 content 属性 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dot-node-style {
|
.dot-node-style {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -5px;
|
left: -5px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 50%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 50%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user