EP-WachatApp/eaterplanet_ecommerce/components/tabs/index.wxss

90 lines
9.0 KiB
Plaintext
Raw Normal View History

2023-03-24 11:24:28 +08:00
.tabs {
position: relative;
padding-top: 10rpx;
padding-left: 0rpx;
padding-right:0rpx;
padding-bottom: -5rpx;
margin-right: 140rpx;
display: flex;
}
.tabs__nav {
position: relative;
padding-bottom: 16rpx;
padding-right: 16rpx;
margin-right: 50rpx;
font-size: 28rpx;
font-weight: bold;
line-height: 58rpx;
flex-shrink: 0;
transition: all 0.6s ease;
color: #fff;
padding-top: 10rpx;
}
.tabs__nav.active {
font-weight: bold;
font-size: 35rpx;
color: #42add5;
}
.tabs__nav:first-child {
margin-left: 20rpx;
}
.tabs__navs__wrap {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.tabs__navs__wrap .activeIndicator {
width: 80rpx!important;
height: 6rpx;
margin-left: 20rpx;
margin-right: 20rpx;
position: absolute;
vertical-align:baseline ;
bottom: 10rpx;
left: 0rpx;
/**border-radius: 24rpx;**/
background: linear-gradient(to right,#fff,#4d9ee9)!;
/**box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 26, 255, 0.39);**/
transition: all 1s ease-in-out;
}
.gototype {
position: relative;
padding-bottom: 16rpx;
display: flex;
flex-shrink: 0;
color: #fff!important;
padding-top: 10rpx;
font-size: 28rpx;
font-weight: bold;
line-height: 58rpx;
height: 100%;
padding-left:10rpx;
padding-right:0rpx;
margin-right: 0rpx;
box-shadow: -12rpx 0rpx 10rpx -10rpx rgba(27, 27, 27, 0.39);
}
.gototype .image{
position: relative;
margin-right: 0rpx;
margin: 12rpx 10rpx 0rpx 10rpx;
width:36rpx;
height: 36rpx;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(data:image/png;base64,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
}