@charset "UTF-8"; /*** 全局scss 变量和方法 存放处 */ /* 引入minxin */ /* 颜色变量 */ /*图片地址*/ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .tabs-add.data-v-9992ec22 { display: -webkit-box; display: flex; display: -webkit-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 60rpx; border-left: 1rpx solid #eee; padding-left: 30rpx; color: #999999; } .tabs-add .iconfont.data-v-9992ec22 { margin-right: 10rpx; font-size: 30rpx; } .tui-tabs-view.data-v-9992ec22 { width: 100%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; z-index: 9; } .tui-tabs-view .tui-tabs-item.border-left.data-v-9992ec22 { position: relative; } .tui-tabs-view-shadow.data-v-9992ec22 { box-shadow: 4rpx 4rpx 10rpx #eee; } .tui-tabs-relative.data-v-9992ec22 { position: relative; } .tui-tabs-fixed.data-v-9992ec22 { position: fixed; left: 0; } .tui-tabs-fixed.data-v-9992ec22::before, .tui-tabs-relative.data-v-9992ec22::before { content: ""; position: absolute; border-bottom: 1rpx solid #eaeef1; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); bottom: 0; right: 0; left: 0; } .tui-unlined.data-v-9992ec22::before { border-bottom: 0 !important; } .item-wrap.data-v-9992ec22 { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #999999; overflow-x: scroll; } .tui-tabs-item.data-v-9992ec22 { padding: 12rpx 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-tabs-item.active.data-v-9992ec22:after { display: block; position: absolute; width: 70rpx; height: 6rpx; bottom: 0; left: 50%; content: ""; background-color: #3385FF; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tui-tabs-disabled.data-v-9992ec22 { opacity: 0.6; } .tui-tabs-title.data-v-9992ec22 { position: relative; z-index: 2; width: 100%; } .tui-tabs-title.border-left.data-v-9992ec22::after { content: ''; width: 2rpx; height: 40rpx; position: absolute; right: 0rpx; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #ddd; } .tabs-title.data-v-9992ec22 { text-align: center; } .tabs-value.data-v-9992ec22 { font-size: 24rpx; text-align: center; margin-top: 6rpx; } .tui-tabs-active.data-v-9992ec22 { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; color: #3385FF; } .tui-tabs-slider.data-v-9992ec22 { position: absolute; left: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 0; -webkit-transform: translateZ(0); transform: translateZ(0); background: #3385FF; }