79 lines
2.1 KiB
Plaintext
79 lines
2.1 KiB
Plaintext
|
@charset "UTF-8";
|
|||
|
|
/**
|
|||
|
|
* 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
|
|||
|
|
* 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
|
|||
|
|
* Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用
|
|||
|
|
*/
|
|||
|
|
.message.data-v-f91ea478 {
|
|||
|
|
max-height: 100vh;
|
|||
|
|
}
|
|||
|
|
/* 自定义导航栏内容 end */
|
|||
|
|
/* 底部安全边距 start*/
|
|||
|
|
.tn-tabbar-height.data-v-f91ea478 {
|
|||
|
|
min-height: 20rpx;
|
|||
|
|
height: calc(40rpx + env(safe-area-inset-bottom) / 2);
|
|||
|
|
height: calc(40rpx + constant(safe-area-inset-bottom));
|
|||
|
|
}
|
|||
|
|
.tn-color-wallpaper.data-v-f91ea478 {
|
|||
|
|
color: #1D2541;
|
|||
|
|
}
|
|||
|
|
/* 页面阴影 start*/
|
|||
|
|
.wallpaper-shadow.data-v-f91ea478 {
|
|||
|
|
border-radius: 15rpx;
|
|||
|
|
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
|||
|
|
}
|
|||
|
|
/* 图标容器15 start */
|
|||
|
|
.icon15__item.data-v-f91ea478 {
|
|||
|
|
width: 30%;
|
|||
|
|
background-color: #FFFFFF;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
margin: 20rpx 10rpx;
|
|||
|
|
-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;
|
|||
|
|
}
|
|||
|
|
.icon15__item--icon.data-v-f91ea478 {
|
|||
|
|
width: 105rpx;
|
|||
|
|
height: 105rpx;
|
|||
|
|
font-size: 60rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-bottom: 18rpx;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
.icon15__item--icon.data-v-f91ea478::after {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: -1;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
border-radius: inherit;
|
|||
|
|
opacity: 1;
|
|||
|
|
-webkit-transform: scale(1, 1);
|
|||
|
|
transform: scale(1, 1);
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
}
|
|||
|
|
/* 用户头像 start */
|
|||
|
|
.logo-image.data-v-f91ea478 {
|
|||
|
|
width: 100rpx;
|
|||
|
|
height: 100rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.logo-pic.data-v-f91ea478 {
|
|||
|
|
background-size: cover;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: top;
|
|||
|
|
border: 1rpx solid rgba(255, 255, 255, 0.05);
|
|||
|
|
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.05);
|
|||
|
|
border-radius: 50%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|