xz_mini/pages/commonQrCode/commonQrCode.wxss
2023-07-27 14:28:57 +08:00

80 lines
1.2 KiB
Plaintext

/* subpages/commonQrCode.wxss */
page {
width: 100%;
height: 100%;
background-color: #ededed;
}
.page {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */
}
.box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 200rpx;
width: 80%;
background-color: white;
border-radius: 20rpx;
height: auto;
padding: 20rpx;
box-shadow: 3rpx 3rpx 30rpx #e7e7e7;
}
.title-box {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.title-icon {
width: 120rpx;
height: 120rpx;
}
.title-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 75%;
margin-left: 20rpx;
}
.title-txt {
font-size: 35rpx;
color: black;
font-weight: bold;
}
.title-des {
font-size: 20rpx;
color: #6b6b6b;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 10rpx;
}
.img {
margin-top: 20rpx;
width: 500rpx;
height: 500rpx;
}
.hint {
margin-top: 20rpx;
font-size: 24rpx;
color: #858585;
margin-bottom: 20rpx;
}