style: stylelint

This commit is contained in:
xingyu 2023-10-16 15:04:05 +08:00
parent 42c8db4f34
commit 1a1b70a350
6 changed files with 30 additions and 20 deletions

View File

@ -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;
} }

View File

@ -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;

View File

@ -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>

View File

@ -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);
} }

View File

@ -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>

View File

@ -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>