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

199 lines
4.4 KiB
Plaintext
Raw Normal View History

2024-04-20 14:58:10 +08:00
@charset "UTF-8";
/**
* 下方引入的为Tuniao UI的集成样式文件为scss预处理器其中包含了一些"tn-"开头的自定义变量
* 使用的时候请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
* Tuniao UI自定义的css类名和scss变量均以"tn-"开头,不会造成冲突,请放心使用
*/
.page-c.data-v-3946aedd {
background-color: #EBF4F7;
2024-05-08 18:14:41 +08:00
min-height: 100vh;
2024-04-20 14:58:10 +08:00
}
/* 底部安全边距 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;
2024-04-24 17:34:38 +08:00
right: 20rpx; */
2024-04-20 14:58:10 +08:00
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;
2024-04-24 17:34:38 +08:00
right: 20rpx; */
2024-04-20 14:58:10 +08:00
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;
}