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 lines
1.6 KiB
1 lines
1.6 KiB
.tabNav1.isFixed{z-index:45;position:fixed;left:0;width:100%}.tabNav1 .list{flex-wrap:nowrap;height:80rpx;margin-left:24rpx}.tabNav1 .item{position:relative;z-index:2;flex-shrink:0;height:80rpx;margin:0 55rpx 0 0;font-size:28rpx;line-height:80rpx;color:#333}.tabNav1 .item:last-child{margin:0 24rpx 0 0}.tabNav1 .on{font-weight:700;font-size:32rpx}.tabNav1 .on .line{position:absolute;bottom:22rpx;left:50%;z-index:-1;width:100%;height:8rpx;border-radius:4rpx;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tabNav2 .list{flex-wrap:nowrap;height:80rpx;margin-left:24rpx}.tabNav2 .item{position:relative;z-index:2;flex-shrink:0;height:80rpx;margin:0 55rpx 0 0;font-size:28rpx;line-height:80rpx;color:#333}.tabNav2 .item:last-child{margin:0 24rpx 0 0}.tabNav2 .on{font-weight:700;font-size:32rpx;color:var(--view-theme)}.tabNav2 .on .line{position:absolute;bottom:8rpx;left:50%;z-index:-1;width:64rpx;height:64rpx;border:4rpx solid var(--view-theme);border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tabNav3 .list{flex-wrap:nowrap;height:80rpx;margin-left:15rpx}.tabNav3 .item{position:relative;flex-shrink:0;height:80rpx;padding:0 20rpx;margin:0 15rpx 0 0;font-size:28rpx;line-height:80rpx;color:#333}.tabNav3 .on{height:48rpx;border-radius:24rpx;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));text-align:center;font-size:26rpx;line-height:48rpx;color:#fff} |