You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
2.2 KiB
1 line
2.2 KiB
8 months ago
|
.column-box{background:#fff;font-size:24rpx;color:#888}.column-box .swiper-category{width:100%;background:#fff;font-size:24rpx;color:#666;border-radius:10rpx}.column-box .swiper-category .swiper-category-item{box-sizing:border-box;display:flex;align-items:flex-start;flex-wrap:wrap;background:#fff}.column-box .swiper-category .swiper-category-item .column-item{margin-top:20rpx;float:left}.column-box .swiper-category .swiper-category-item .column-item .column-img{width:94rpx;height:94rpx;margin:0 auto}.column-box .swiper-category .swiper-category-item .column-item .column-no-img{width:94rpx;height:94rpx;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36rpx;color:#fff}.column-box .swiper-category .swiper-category-item .column-item .column-no-img .iconfont{font-size:58rpx}.column-box .swiper-category .swiper-category-item .column-item .column-text{margin-top:10rpx;text-align:center;color:#484848;width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.column-box .scroll-x{white-space:nowrap;background:#fff;padding:20rpx 0}.column-box .scroll-x .scroll-x-item{position:relative;display:inline-block;vertical-align:text-top;display:flex;flex-direction:column}.column-box .scroll-x .column-item{margin-top:20rpx;float:left}.column-box .scroll-x .column-item .column-img{width:94rpx;height:94rpx;margin:0 auto}.column-box .scroll-x .column-item .column-text{margin-top:10rpx;text-align:center;color:#484848;width:100%;padding:0 10%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.column-box .dots{background:#fff;display:flex;align-items:center;justify-content:center;width:100%;padding-top:20rpx}.column-box .dots .dot{height:8rpx;width:8rpx;background:#e5e5e5;border-radius:8rpx;margin:0 8rpx}.column-box .ink-bar-box{background:#fff;padding-bottom:20rpx}.column-box .ink-bar-box .ui-tabs-ink-bar-wrapper{width:60rpx;background:#ddd;position:relative;left:345rpx;bottom:0;height:8rpx;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:width .25s ease-out,left .25s ease-out;overflow:hidden;border-radius:4rpx}.column-box .ink-bar-box .ui-tabs-ink-bar-wrapper .ui-tabs-ink-bar{position:absolute;width:30rpx;background:#e74d45;height:8rpx;border-radius:4rpx}
|