automated_uniapp/uni_modules/cool-ui/static/css/list-index.scss

134 lines
1.9 KiB
SCSS
Raw Normal View History

2025-01-09 16:16:11 +08:00
.cl-list-index {
position: relative;
height: 100%;
&__search {
display: flex;
align-items: center;
background-color: #fff;
box-sizing: border-box;
padding: 0 30rpx;
height: 100rpx;
cl-input {
flex: 1;
}
}
&__container {
height: calc(100% - 100rpx);
&:first-child {
height: 100%;
}
}
&__scroller {
height: 100%;
.group {
.header {
display: flex;
align-items: center;
height: 50rpx;
padding: 0 30rpx;
font-size: 26rpx;
position: sticky;
top: 0;
z-index: 9;
background-color: $cl-color-bg;
line-height: 1;
&.is-active {
text {
color: $cl-color-primary;
}
}
}
.container {
background-color: #fff;
}
.item {
display: flex;
align-items: center;
min-height: 80rpx;
font-size: 26rpx;
box-sizing: border-box;
padding: 20rpx 30rpx;
&:last-child {
border-bottom: 0;
}
&:active {
background-color: $cl-color-active;
}
&.is-disabled {
opacity: 0.5;
}
.avatar {
height: 80rpx;
flex-shrink: 0;
}
.text {
margin: 0 30rpx;
}
}
}
}
&__alert {
position: absolute;
top: 0;
right: 80rpx;
bottom: 0;
margin: auto;
background: rgba(0, 0, 0, 0.5);
width: 100rpx;
height: 100rpx;
border-radius: 10rpx;
color: #fff;
line-height: 100rpx;
text-align: center;
font-size: 48rpx;
z-index: 100;
}
&__bar {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
right: 20rpx;
top: 0;
height: 100%;
font-size: 24rpx;
z-index: 20;
.block {
padding: 5rpx 10rpx;
text {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30rpx;
width: 30rpx;
border-radius: 30rpx;
}
&.is-active {
text {
background-color: $cl-color-primary;
color: #fff;
}
}
}
}
}