202 lines
3.0 KiB
Plaintext
202 lines
3.0 KiB
Plaintext
page {
|
|
background-color: #e2e2e2;
|
|
}
|
|
|
|
.codeTitle {
|
|
width: 100%;
|
|
}
|
|
|
|
.codeTitle {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.codeCont {
|
|
margin: 0 auto;
|
|
width: 90%;
|
|
padding: 40rpx 0;
|
|
}
|
|
|
|
|
|
.codeCont-code {
|
|
text-align: center;
|
|
margin-bottom: 80rpx;
|
|
}
|
|
|
|
.codeCont-img {
|
|
width: 380rpx;
|
|
height: 380rpx;
|
|
}
|
|
|
|
.codeCont-title {
|
|
margin: 40rpx 0;
|
|
font-size: 46rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.codeShare {
|
|
display: flex;
|
|
padding: 20rpx 50rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.codeShare-label {
|
|
flex: 3;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.codeShare-label image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
display: block;
|
|
margin: 0 auto 20rpx;
|
|
}
|
|
|
|
.codeShare-button {
|
|
width: auto !important;
|
|
border: none;
|
|
background: transparent;
|
|
font-size: 28rpx;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* 弹窗背景图 */
|
|
.user-lay {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-pack: center;
|
|
position: fixed;
|
|
background: rgba(0, 0, 0, .6);
|
|
height: 100vh;
|
|
width: 100vw;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* canvas */
|
|
.canvasImg {
|
|
position: absolute;
|
|
left: -1000%;
|
|
height: 650px;
|
|
width: 375px;
|
|
background: #fbf6f0;
|
|
}
|
|
|
|
|
|
/* 图片弹出层 */
|
|
.sign-img-lay {
|
|
text-align: center;
|
|
}
|
|
|
|
.sign-img-src {
|
|
width: 70vw;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sign-img-btn[size="mini"] {
|
|
margin-top: 40rpx;
|
|
background: #f5d48f;
|
|
font-weight: normal;
|
|
color: #2f3245;
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
padding: 0;
|
|
width: 80%;
|
|
}
|
|
|
|
.remove-btn[size="mini"] {
|
|
margin-top: 20rpx;
|
|
background: #101010;
|
|
color: #e5c175;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* 背景 */
|
|
.user-back-img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.user-back {
|
|
position: relative;
|
|
width: 80%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.user-back-cont {
|
|
text-align: center;
|
|
background-color: #e2e2e2;
|
|
padding: 40rpx 0;
|
|
}
|
|
|
|
.user-back-cont image {
|
|
width: 300rpx;
|
|
height: 300rpx;
|
|
}
|
|
|
|
.codeBack-yard-name {
|
|
margin-bottom: 30rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
/* 朋友圈弹出层 */
|
|
.sharePop {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9;
|
|
background-color: rgba(0, 0, 0, .6);
|
|
text-align: center;
|
|
}
|
|
|
|
.sharePop-row {
|
|
width: 140rpx;
|
|
position: fixed;
|
|
right: 110rpx;
|
|
top: 0;
|
|
}
|
|
|
|
.shareList {
|
|
color: #ffffff;
|
|
line-height: 60rpx;
|
|
font-weight: 700;
|
|
font-size: 36rpx;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 30%;
|
|
}
|
|
|
|
.shareLabel {
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.shareLabel image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin: 0 20rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.shareLabel text {
|
|
display: inline-block;
|
|
background: #0696ca;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
font-size: 26rpx;
|
|
border-radius: 50%;
|
|
margin: 8rpx 10rpx 0 0;
|
|
} |