219 lines
4.9 KiB
Plaintext
219 lines
4.9 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
|
||
* 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
|
||
* Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用
|
||
*/
|
||
.page-c.data-v-3946aedd {
|
||
background-color: #EBF4F7;
|
||
min-height: 100vh;
|
||
}
|
||
/* 底部安全边距 start*/
|
||
.tn-tabbar-height.data-v-3946aedd {
|
||
min-height: 120rpx;
|
||
height: calc(140rpx + env(safe-area-inset-bottom) / 2);
|
||
height: calc(140rpx + constant(safe-area-inset-bottom));
|
||
}
|
||
.tn-footerfixed.data-v-3946aedd {
|
||
position: fixed;
|
||
width: 100%;
|
||
bottom: calc(180rpx + env(safe-area-inset-bottom));
|
||
z-index: 1024;
|
||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||
}
|
||
/* 按钮 */
|
||
.button-1.data-v-3946aedd {
|
||
background-color: rgba(0, 0, 0, 0.15);
|
||
position: fixed;
|
||
/* bottom:200rpx;
|
||
right: 20rpx; */
|
||
bottom: 27%;
|
||
right: 30rpx;
|
||
z-index: 1001;
|
||
border-radius: 100px;
|
||
}
|
||
.button-2.data-v-3946aedd {
|
||
background-color: rgba(0, 0, 0, 0.15);
|
||
position: fixed;
|
||
/* bottom:200rpx;
|
||
right: 20rpx; */
|
||
bottom: 18%;
|
||
right: 30rpx;
|
||
z-index: 1001;
|
||
border-radius: 100px;
|
||
}
|
||
/* 图标容器15 start */
|
||
.icon15__item.data-v-3946aedd {
|
||
width: 30%;
|
||
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-3946aedd {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
font-size: 50rpx;
|
||
border-radius: 50%;
|
||
margin-bottom: 18rpx;
|
||
z-index: 1;
|
||
}
|
||
.icon15__item--icon.data-v-3946aedd::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%;
|
||
}
|
||
/* 相册 */
|
||
.slideshow.data-v-3946aedd {
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
/* 简历内容 */
|
||
.king-list.data-v-3946aedd {
|
||
display: block;
|
||
}
|
||
.king-list .king-icon.data-v-3946aedd {
|
||
width: 100%;
|
||
text-align: left;
|
||
padding: 20rpx 0 20rpx 37rpx;
|
||
font-size: 26rpx;
|
||
color: #888;
|
||
display: block;
|
||
}
|
||
.king-list > .king-item.data-v-3946aedd {
|
||
padding: 30rpx 30rpx 30rpx 120rpx;
|
||
position: relative;
|
||
display: block;
|
||
z-index: 0;
|
||
}
|
||
.king-list > .king-item.data-v-3946aedd::after {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
width: 1rpx;
|
||
background-color: #E6E6E6;
|
||
left: 60rpx;
|
||
height: 100%;
|
||
top: 0;
|
||
z-index: 8;
|
||
}
|
||
.king-list > .king-item.data-v-3946aedd::before {
|
||
display: block;
|
||
position: absolute;
|
||
top: 36rpx;
|
||
z-index: 9;
|
||
background-color: #ffffff;
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
text-align: center;
|
||
border: none;
|
||
line-height: 50rpx;
|
||
left: 36rpx;
|
||
}
|
||
/* 名片微调 */
|
||
.img-solid.data-v-3946aedd {
|
||
border: 1rpx solid #eee;
|
||
}
|
||
.share-img.data-v-3946aedd {
|
||
position: fixed;
|
||
/* padding: 10rpx; */
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
/* top: 680rpx; */
|
||
bottom: 200rpx;
|
||
right: 20rpx;
|
||
z-index: 1024;
|
||
opacity: 0.8;
|
||
box-shadow: 0rpx 8rpx 30rpx 0rpx rgba(0, 0, 0, 0.3);
|
||
border: none;
|
||
border: 6rpx solid rgba(255, 255, 255, 0);
|
||
}
|
||
.resume.data-v-3946aedd {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding-top: 10rpx;
|
||
border-radius: 6rpx;
|
||
color: #666;
|
||
line-height: 1.6;
|
||
}
|
||
.resume + .resume.data-v-3946aedd {
|
||
margin-top: 20rpx;
|
||
}
|
||
.resume2.data-v-3946aedd {
|
||
padding-top: 10rpx;
|
||
border-radius: 6rpx;
|
||
display: block;
|
||
color: #666;
|
||
line-height: 1.6;
|
||
text-align: justify;
|
||
}
|
||
/* 间隔线 start*/
|
||
.tn-strip-bottom.data-v-3946aedd {
|
||
width: 100%;
|
||
border-bottom: 5rpx solid #ffffff;
|
||
}
|
||
/* 间隔线 end*/
|
||
.bg-img-cont.data-v-3946aedd {
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
height: 350rpx;
|
||
margin: 20rpx 0;
|
||
border-radius: 8rpx;
|
||
}
|
||
/* 标签内容 start*/
|
||
.tn-tag-content__item.data-v-3946aedd {
|
||
display: inline-block;
|
||
line-height: 45rpx;
|
||
padding: 10rpx 30rpx;
|
||
margin: 0rpx 20rpx 25rpx 0rpx;
|
||
}
|
||
.tn-tag-content__item--prefix.data-v-3946aedd {
|
||
padding-right: 10rpx;
|
||
}
|
||
/* 标签内容 end*/
|
||
.see.data-v-3946aedd {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding-top: 10rpx;
|
||
border-radius: 6rpx;
|
||
color: #666;
|
||
line-height: 1.6;
|
||
}
|
||
/* 显示5行 */
|
||
.tn-text-ellipsis-5.data-v-3946aedd {
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
white-space: normal !important;
|
||
text-overflow: ellipsis;
|
||
word-wrap: break-word;
|
||
-webkit-line-clamp: 5;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
/* 显示5行 */
|
||
.tn-text-ellipsis-10.data-v-3946aedd {
|
||
display: -webkit-box;
|
||
overflow: hidden;
|
||
white-space: normal !important;
|
||
text-overflow: ellipsis;
|
||
word-wrap: break-word;
|
||
-webkit-line-clamp: 10;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|