Files
mp-weixin-2811-xcx.aigc-qui…/components/diy-components/diy-image-nav.wxss

1 line
1.8 KiB
Plaintext

.image-nav.fixed-layout .uni-scroll-view-content{display:flex;flex-wrap:wrap}.image-nav.singleSlide .uni-scroll-view-content{display:flex}.image-nav.pageSlide .uni-swiper-dots-horizontal{bottom:0rpx}.image-nav.pageSlide.straightLine .uni-swiper-dot{width:30rpx;border-radius:0;height:8rpx}.image-nav.pageSlide.circle .uni-swiper-dot{width:14rpx;height:14rpx}.image-nav{padding:16rpx;box-sizing:border-box}.image-nav.singleSlide .image-nav-item{flex-shrink:0}.image-nav.pageSlide{position:relative}.image-nav.pageSlide .image-nav-wrap{display:flex;flex-wrap:wrap;width:100%;height:100%}.image-nav .image-nav-item{display:flex;flex-direction:column;align-items:center;padding:14rpx 0;box-sizing:border-box}.image-nav .image-nav-item .image-text{padding-top:12rpx;line-height:1.5;text-overflow:ellipsis;overflow:hidden;text-align:center}.image-nav .image-nav-item .image-text.alone{padding-top:0}.image-nav .image-nav-item.text .image-text{padding-top:0}.image-nav .image-nav-item .image-img{position:relative;display:flex;align-items:center;justify-content:center;font-size:90rpx}.image-nav .image-nav-item .image-img .tag{position:absolute;top:-10rpx;right:-24rpx;color:#fff;border-radius:24rpx;border-bottom-left-radius:0;-webkit-transform:scale(.8);transform:scale(.8);padding:8rpx 16rpx;line-height:1;font-size:24rpx}.image-nav .image-nav-item .image-img .icon{font-size:50rpx;color:#606266}.swiper-dot-box{width:100%;display:flex;align-items:center;justify-content:center;margin-top:-20rpx;padding-bottom:8rpx}.swiper-dot-box .swiper-dot{background-color:rgba(0,0,0,.3);margin:8rpx}.swiper-dot-box .swiper-dot.active{background-color:#000}.swiper-dot-box.straightLine .swiper-dot{width:30rpx;border-radius:0;height:8rpx}.swiper-dot-box.circle .swiper-dot{width:15rpx;border-radius:50%;height:15rpx}