111 lines
2.1 KiB
Plaintext
111 lines
2.1 KiB
Plaintext
|
/* subpackage/train/result/result.wxss */
|
||
|
|
page {
|
||
|
|
background-color: rgb(247, 247, 247);
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-content {
|
||
|
|
background-color: rgb(247, 247, 247);
|
||
|
|
background: linear-gradient(190deg, #49a5fc 0%, #f7f7f7 45%, #f7f7f7 100%);
|
||
|
|
/* padding: 0 30rpx; */
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-bottom: 300rpx;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gold-card {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
margin: 0 auto;
|
||
|
|
width: 600rpx;
|
||
|
|
height: 600rpx;
|
||
|
|
background: url('https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/train/medal.png');
|
||
|
|
background-size: cover;
|
||
|
|
font-family: 'fffffooonnntttfff' !important;
|
||
|
|
color: #E8660F;
|
||
|
|
font-size: 96rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
--wght: 550;
|
||
|
|
--BEVL: 100;
|
||
|
|
font-variation-settings: 'wght' var(--wght), 'BEVL' var(--BEVL);
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "fffffooonnntttfff";
|
||
|
|
src: url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/x6NVkWFLwVA0.woff2") format("woff2"),
|
||
|
|
url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/5nYDIHblFyn0.woff") format("woff");
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "fffffooonnnttt";
|
||
|
|
src: url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/KizSNM6G1EXl.woff2") format("woff2"),
|
||
|
|
url("//at.alicdn.com/wf/webfont/7mOyUyxcp2X3/R37avUOZJVK5.woff") format("woff");
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grade{
|
||
|
|
font-size: 60rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unit {
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.number {
|
||
|
|
margin-top: -30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card{
|
||
|
|
margin: 0 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin-top: -75rpx;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
background-color: #fff;
|
||
|
|
box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.08);
|
||
|
|
height: 480rpx;
|
||
|
|
padding: 30rpx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title{
|
||
|
|
font-size: 28rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.detail{
|
||
|
|
box-sizing: 20rpx;
|
||
|
|
color: #666666;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
font-size: 24rpx;
|
||
|
|
padding: 54rpx 0 46rpx;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.detail-item{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.data{
|
||
|
|
font-size: 48rpx;
|
||
|
|
margin-top: 14rpx;
|
||
|
|
margin-bottom: -4rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unitt{
|
||
|
|
font-size: 24rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.detail-img{
|
||
|
|
width: 48rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
}
|