yunshangxie/unpackage/dist/dev/mp-weixin/pages/index/my_card.wxss

199 lines
4.4 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@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;
}