Skip to content

W
wisdom-components
Commit baf4594e authored by 陈龙's avatar 陈龙
Browse files
Options

feat: 优化报警滚动组件

parent 8b2770f0
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 31 deletions
packages/base-components/AlarmScrollAssembly/src/index.less
View file @ baf4594e
.alarScrollAssembly { .alarScrollAssembly {
:global { &.moreThan1000 {
.swiper-container { :global {
width: 950px; .swiper-container {
height: 42px; width: 950px;
height: 42px;
.swiper-button-prev {
right: 150px; .swiper-button-prev {
left: auto !important; right: 150px;
left: auto !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 12px;
}
.swiper-pagination-fraction {
top: 15px;
right: 24px;
left: auto;
width: 130px;
line-height: 12px;
}
.swiper-wrapper {
width: calc(100% - 140px);
}
.swiper-slide {
height: 32px;
line-height: 32px;
text-align: center;
}
} }
}
.swiper-button-next:after, }
.swiper-button-prev:after { &.lessThan1000 {
font-size: 12px; :global {
} .swiper-container {
width: 950px;
.swiper-pagination-fraction { height: 42px;
top: 15px;
right: 24px; .swiper-button-prev {
left: auto; right: 150px;
width: 130px; left: auto !important;
line-height: 12px; }
}
.swiper-button-next:after,
.swiper-wrapper { .swiper-button-prev:after {
width: calc(100% - 140px); font-size: 12px;
} }
.swiper-slide { .swiper-pagination-fraction {
height: 32px; top: 15px;
line-height: 32px; right: 24px;
text-align: center; left: auto;
width: 130px;
line-height: 12px;
}
.swiper-wrapper {
width: calc(100% - 140px);
}
.swiper-slide {
height: 32px;
line-height: 32px;
text-align: center;
}
} }
} }
} }
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment