@charset "UTF-8"; /** * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用 */ .pages-a.data-v-14a6ab35 { max-height: 100vh; } /* 自定义导航栏内容 start */ .custom-nav.data-v-14a6ab35 { height: 100%; } .custom-nav__back.data-v-14a6ab35 { margin: auto 5rpx; font-size: 50rpx; margin-right: 10rpx; margin-left: 30rpx; flex-basis: 5%; } /* 底部安全边距 start*/ .tn-tabbar-height.data-v-14a6ab35 { min-height: 120rpx; height: calc(140rpx + env(safe-area-inset-bottom) / 2); height: calc(140rpx + constant(safe-area-inset-bottom)); } /* 图标容器5 start */ .icon5__item.data-v-14a6ab35 { background-color: #FFFFFF; border-radius: 10rpx; padding: 0rpx; margin: 0rpx; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; -webkit-transform-origin: center center; transform-origin: center center; } .icon5__item--icon.data-v-14a6ab35 { width: 96rpx; height: 96rpx; border-radius: 50%; margin-bottom: 18rpx; position: relative; z-index: 1; } /* 轮播视觉差 start */ .card-swiper.data-v-14a6ab35 { height: 450rpx !important; } .card-swiper swiper-item.data-v-14a6ab35 { width: 750rpx !important; left: 0rpx; box-sizing: border-box; padding: 40rpx 30rpx 30rpx 30rpx; overflow: initial; } .card-swiper swiper-item .swiper-item.data-v-14a6ab35 { width: 100%; display: block; height: 100%; border-radius: 15rpx; -webkit-transform: scale(1); transform: scale(1); transition: all 0.2s ease-in 0s; will-change: transform; } .card-swiper swiper-item.cur .swiper-item.data-v-14a6ab35 { -webkit-transform: none; transform: none; transition: all 0.2s ease-in 0s; will-change: transform; } .card-swiper swiper-item .swiper-item-text.data-v-14a6ab35 { margin-top: -220rpx; text-align: center; width: 100%; display: block; border-radius: 10rpx; -webkit-transform: translate(100rpx, 0rpx) scale(0.9, 0.9); transform: translate(100rpx, 0rpx) scale(0.9, 0.9); transition: all 0.6s ease 0s; will-change: transform; overflow: hidden; } .card-swiper swiper-item.cur .swiper-item-text.data-v-14a6ab35 { margin-top: -220rpx; width: 100%; -webkit-transform: translate(0rpx, 0rpx) scale(0.9, 0.9); transform: translate(0rpx, 0rpx) scale(0.9, 0.9); transition: all 0.6s ease 0s; will-change: transform; } .image-banner.data-v-14a6ab35 { display: flex; align-items: center; justify-content: center; } .image-banner image.data-v-14a6ab35 { width: 100%; height: 100%; } /* 轮播指示点 start*/ .indication.data-v-14a6ab35 { z-index: 9999; width: 100%; height: 36rpx; position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; } .spot.data-v-14a6ab35 { background-color: #FFFFFF; opacity: 0.6; width: 10rpx; height: 10rpx; border-radius: 20rpx; top: -70rpx; margin: 0 8rpx !important; position: relative; } .spot.active.data-v-14a6ab35 { opacity: 1; width: 30rpx; background-color: #FFFFFF; } /* 胶囊banner*/ .image-capsule.data-v-14a6ab35 { padding: 100rpx 0rpx; font-size: 40rpx; font-weight: 300; position: relative; } .image-piccapsule.data-v-14a6ab35 { background-size: cover; background-repeat: no-repeat; background-position: top; border-radius: 20rpx 20rpx 0 0; } /* 用户头像 start */ .logo-image.data-v-14a6ab35 { width: 40rpx; height: 40rpx; position: relative; } .logo-pic.data-v-14a6ab35 { background-size: cover; background-repeat: no-repeat; background-position: top; border: 1rpx solid rgba(255, 255, 255, 0.05); border-radius: 50%; overflow: hidden; } /* 瀑布流*/ .wallpaper__item.data-v-14a6ab35 { background-color: #FFFFFF; overflow: hidden; margin: 0 10rpx; margin-bottom: 40rpx; } .wallpaper__item .item.data-v-14a6ab35 { /* 图片 start */ /* 图片 end */ /* 内容 start */ /* 标题 start */ /* 标题 end */ /* 标签 start */ /* 标签 end */ /* 内容 end */ } .wallpaper__item .item__image.data-v-14a6ab35 { width: 100%; height: auto; background-color: #FFFFFF; border: 1rpx solid #F8F7F8; border-radius: 10rpx; overflow: hidden; } .wallpaper__item .item__data.data-v-14a6ab35 { padding: 14rpx 0rpx; } .wallpaper__item .item__title-container.data-v-14a6ab35 { text-align: justify; line-height: 38rpx; vertical-align: middle; } .wallpaper__item .item__title.data-v-14a6ab35 { font-size: 30rpx; } .wallpaper__item .item__tags-container.data-v-14a6ab35 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; } .wallpaper__item .item__tag.data-v-14a6ab35 { margin: 10rpx; color: #7C8191; background-color: #F3F2F7; padding: 4rpx 14rpx 6rpx; border-radius: 10rpx; font-size: 20rpx; } .wallpaper__item .item__tag.data-v-14a6ab35:first-child { margin-left: 0rpx !important; }