1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- .tab-screen{
- width: 100%;
- height: 100%;
- }
- .tab-header{
- height: 90upx;
- /*background-color: #fff;*/
- display: flex;
- flex-direction: row;
- position: relative;
- }
- .tab-header-item{
- display: flex;
- justify-content: center;
- align-items: center;
- flex:1;
- font-size: 28upx;
- line-height: 32upx;
- color: #333;
- font-weight: 400;
- position: relative;
- z-index: 2;
- }
- .tab-header-item-compact{
- flex: none;
- }
- .tab-header-line {
- position: absolute;
- left: 0;
- transition:.3s;
- height: 90upx;
- background-color: #fff;
- }
- .tab-header-default-line{
- width: 50upx;
- height: 4upx;
- background-color: #FC3538;
- }
- /*.tab-header-line{*/
- /* width: 54upx;*/
- /* */
- /* height: 4upx;*/
- /* border-radius: 4upx;*/
- /* !*background-color: #8DD4BD;*!*/
- /* background-color: #D90B1F;*/
- /* position: absolute;*/
- /* left: 0;*/
- /* bottom: 6upx;*/
- /* transition: .3s;*/
- /*}*/
- .tab-header-item-select{
- /*color: #8DD4BD;*/
- color: #FC3538;
- }
- .tab-content{
- flex: 1;
- }
- .tab-swiper{
- width: 100%;
- height: 100%;
- }
- /* line模式 */
- .tab-mode-line,.tab-style-line,.tab-mode-scrollLine,.tab-style-scrollLine{
- height: 70upx;
- background-color: transparent !important;
- }
- .tab-mode-item-line,.tab-mode-item-scrollLine {
- font-size: 32upx;
- }
- .tab-style-line,.tab-style-scrollLine{
- background-color: transparent !important;
- }
- .tab-style-line .tab-header-default-line {
- width: 40upx;
- border-radius: 2upx;
- }
- /* line模式 */
- /* scrollLine 模式 */
- .tab-style-scrollLine .tab-header-default-scrollLine{
- width: 100%;
- }
- /* scrollLine 模式 */
|