@charset "UTF-8"; /** * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用 */ .index.data-v-92bb8f34 { max-height: 100vh; } /* 底部安全边距 start*/ .tn-tabbar-height.data-v-92bb8f34 { min-height: 120rpx; height: calc(140rpx + env(safe-area-inset-bottom) / 2); height: calc(140rpx + constant(safe-area-inset-bottom)); } /* 自定义导航栏内容 start */ .custom-nav.data-v-92bb8f34 { height: 100%; } .custom-nav__back.data-v-92bb8f34 { margin: auto 5rpx; font-size: 40rpx; margin-right: 10rpx; margin-left: 30rpx; flex-basis: 5%; } .custom-nav__search.data-v-92bb8f34 { flex-basis: 70%; width: 100%; height: 100%; } .custom-nav__search__box.data-v-92bb8f34 { width: 100%; height: 70%; padding: 10rpx 0; margin: 0 30rpx; border-radius: 60rpx 60rpx 0 60rpx; font-size: 24rpx; } .custom-nav__search__icon.data-v-92bb8f34 { padding-right: 10rpx; margin-left: 20rpx; font-size: 30rpx; } /* 自定义导航栏内容 end */ /* 文章内容 start*/ .tn-blogger-content__wrap.data-v-92bb8f34 { margin: 30rpx; } .tn-blogger-content__info__btn.data-v-92bb8f34 { margin-right: -12rpx; opacity: 0.5; } .tn-blogger-content__label__item.data-v-92bb8f34 { color: #1D2541; background-color: #F3F2F7; border-radius: 10rpx; font-size: 22rpx; padding: 5rpx 15rpx; margin: 5rpx 0 0 18rpx; } .tn-blogger-content__label__item--prefix.data-v-92bb8f34 { font-size: 24rpx; color: #1D2541; padding-right: 10rpx; } .tn-blogger-content__label__desc.data-v-92bb8f34 { line-height: 55rpx; } .tn-blogger-content__main-image.data-v-92bb8f34 { border: 1rpx solid #F8F7F8; border-radius: 16rpx; } .tn-blogger-content__main-image--1.data-v-92bb8f34 { max-width: 690rpx; min-width: 690rpx; max-height: 400rpx; min-height: 400rpx; } .tn-blogger-content__main-image--2.data-v-92bb8f34 { max-width: 260rpx; max-height: 260rpx; } .tn-blogger-content__main-image--3.data-v-92bb8f34 { height: 212rpx; width: 100%; } .tn-blogger-content__count-icon.data-v-92bb8f34 { font-size: 40rpx; padding-right: 5rpx; } /* 自定义导航栏内容 start */ .custom-nav.data-v-92bb8f34 { height: 100%; } .custom-nav__back.data-v-92bb8f34 { margin: auto 5rpx; font-size: 40rpx; margin-right: 10rpx; margin-left: 30rpx; flex-basis: 5%; } .custom-nav__search.data-v-92bb8f34 { flex-basis: 60%; width: 100%; height: 100%; } .custom-nav__search__box.data-v-92bb8f34 { width: 100%; height: 70%; padding: 10rpx 0; margin: 0 30rpx; border-radius: 60rpx 60rpx 0 60rpx; font-size: 24rpx; } .custom-nav__search__icon.data-v-92bb8f34 { padding-right: 10rpx; margin-left: 20rpx; font-size: 30rpx; } .custom-nav__search__text.data-v-92bb8f34 { color: #AAAAAA; } /* 文章内容 start*/ .blogger__item.data-v-92bb8f34 { padding: 30rpx; } .blogger__author__btn.data-v-92bb8f34 { margin-right: -12rpx; opacity: 0.5; } .blogger__desc.data-v-92bb8f34 { line-height: 30rpx; } .blogger__desc__label.data-v-92bb8f34 { color: #1D2541; background-color: #F3F2F7; border-radius: 10rpx; font-size: 22rpx; padding: 5rpx 15rpx; margin: 5rpx 18rpx 0 0; } .blogger__desc__label--prefix.data-v-92bb8f34 { font-size: 24rpx; color: #1D2541; padding-right: 10rpx; } .blogger__desc__content.data-v-92bb8f34 { line-height: 50rpx; } .blogger__content.data-v-92bb8f34 { margin-top: 18rpx; padding-right: 18rpx; } .blogger__content__data.data-v-92bb8f34 { line-height: 46rpx; text-align: justify; overflow: hidden; transition: all 0.25s ease-in-out; } .blogger__content__status.data-v-92bb8f34 { margin-top: 10rpx; font-size: 26rpx; color: #82B2FF; } .blogger__main-image.data-v-92bb8f34 { border: 1rpx solid #F8F7F8; border-radius: 16rpx; } .blogger__main-image--1.data-v-92bb8f34 { max-width: 80%; max-height: 300rpx; } .blogger__main-image--2.data-v-92bb8f34 { max-width: 260rpx; max-height: 260rpx; } .blogger__main-image--3.data-v-92bb8f34 { height: 212rpx; width: 100%; } .blogger__count-icon.data-v-92bb8f34 { font-size: 40rpx; padding-right: 5rpx; } .blogger__ad.data-v-92bb8f34 { width: 100%; height: 500rpx; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .blogger__ad.data-v-92bb8f34 .uni-swiper-slide-frame { -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .blogger__ad .uni-swiper-slide-frame.data-v-92bb8f34 { -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .blogger__ad__item.data-v-92bb8f34 { position: absolute; width: 100%; height: 100%; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: translate3d(100%, 0px, 0px) scale(1) !important; transform: translate3d(100%, 0px, 0px) scale(1) !important; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; z-index: 1; } .blogger__ad__item--0.data-v-92bb8f34 { -webkit-transform: translate3d(0%, 0px, 0px) scale(1) !important; transform: translate3d(0%, 0px, 0px) scale(1) !important; z-index: 4; } .blogger__ad__item--1.data-v-92bb8f34 { -webkit-transform: translate3d(13%, 0px, 0px) scale(0.9) !important; transform: translate3d(13%, 0px, 0px) scale(0.9) !important; z-index: 3; } .blogger__ad__item--2.data-v-92bb8f34 { -webkit-transform: translate3d(26%, 0px, 0px) scale(0.8) !important; transform: translate3d(26%, 0px, 0px) scale(0.8) !important; z-index: 2; } .blogger__ad__content.data-v-92bb8f34 { border-radius: 40rpx; width: 640rpx; height: 500rpx; overflow: hidden; } .blogger__ad__image.data-v-92bb8f34 { width: 100%; height: 100%; } /* 文章内容 end*/