TalentService-mobile/unpackage/dist/dev/mp-weixin/uview-ui/components/u-swiper/u-swiper.wxss

97 lines
2.3 KiB
Plaintext
Raw Normal View History

2024-10-27 00:26:19 +08:00
@charset "UTF-8";
/**
* 下方引入的为uView UI的集成样式文件为scss预处理器其中包含了一些"u-"开头的自定义变量
* uView自定义的css类名和scss变量均以"u-"开头,不会造成冲突,请放心使用
*/
.u-swiper-wrap.data-v-a5b2d580 {
position: relative;
overflow: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.u-swiper-image.data-v-a5b2d580 {
width: 100%;
will-change: transform;
height: 100%;
display: block;
}
.u-swiper-indicator.data-v-a5b2d580 {
padding: 0 24rpx;
position: absolute;
display: flex;
flex-direction: row;
width: 100%;
z-index: 1;
}
.u-indicator-item-rect.data-v-a5b2d580 {
width: 26rpx;
height: 8rpx;
margin: 0 6rpx;
transition: all 0.5s;
background-color: rgba(0, 0, 0, 0.3);
}
.u-indicator-item-rect-active.data-v-a5b2d580 {
background-color: rgba(255, 255, 255, 0.8);
}
.u-indicator-item-dot.data-v-a5b2d580 {
width: 14rpx;
height: 14rpx;
margin: 0 6rpx;
border-radius: 20rpx;
transition: all 0.5s;
background-color: rgba(0, 0, 0, 0.3);
}
.u-indicator-item-dot-active.data-v-a5b2d580 {
background-color: rgba(255, 255, 255, 0.8);
}
.u-indicator-item-round.data-v-a5b2d580 {
width: 14rpx;
height: 14rpx;
margin: 0 6rpx;
border-radius: 20rpx;
transition: all 0.5s;
background-color: rgba(0, 0, 0, 0.3);
}
.u-indicator-item-round-active.data-v-a5b2d580 {
width: 34rpx;
background-color: rgba(255, 255, 255, 0.8);
}
.u-indicator-item-number.data-v-a5b2d580 {
padding: 6rpx 16rpx;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 100rpx;
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
}
.u-list-scale.data-v-a5b2d580 {
-webkit-transform-origin: center center;
transform-origin: center center;
}
.u-list-image-wrap.data-v-a5b2d580 {
width: 100%;
height: 100%;
flex: 1;
transition: all 0.5s;
overflow: hidden;
box-sizing: content-box;
position: relative;
}
.u-swiper-title.data-v-a5b2d580 {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
width: 100%;
font-size: 28rpx;
padding: 12rpx 24rpx;
color: rgba(255, 255, 255, 0.9);
}
.u-swiper-item.data-v-a5b2d580 {
display: flex;
flex-direction: row;
overflow: hidden;
align-items: center;
}