Files
ClassContent/项目合集/校园失物招领/min-tpl/pages/info/info.wxss
2024-09-27 02:06:13 +08:00

109 lines
1.8 KiB
Plaintext

page {
background: #fff;
}
.info {
padding-top: 40rpx;
}
.user_info {
display: flex;
position: relative;
align-items: center;
}
.status {
position: absolute;
right: 0;
top: 24rpx;
padding: 17rpx 30rpx;
font-size: 31rpx;
color: #171717;
border-radius: 36rpx;
transform: rotate(28deg);
box-shadow: 3px 4px 18px #ffd23c;
}
.no {
background: #ffd23c;
}
.yes {
background: no-repeat;
box-shadow: none;
border: 1px solid #8d8d8d;
color: #999 !important;
}
.user_info image {
width: 120rpx;
height: 120rpx;
border-radius: 100%;
margin-right: 20rpx;
}
.user_info .user_text {}
.user_info .user_text .name {
font-size: 38rpx;
font-weight: 600;
}
.user_info .user_text .school,
.time {
font-size: 26rpx;
color: #999;
}
.goods {
margin-top: 48rpx;
}
.goods .title{
font-size: 34rpx;
margin-bottom: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.goods .desc{
margin-bottom: 15rpx;
line-height: 42rpx;
font-size: 28rpx;
}
.goods image{
margin: 0 auto;
display: block;
}
.popup {
text-align: center;
padding: 30rpx 38rpx;
box-sizing: border-box;
width: 81vw;
height: 53vh;
display: flex;
flex-direction: column;
}
.popup image{
width: 240rpx;
height: 240rpx;
border-radius: 100%;
}
.top {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.popup .popup_text{}
.popup .tell{
width: 40%;
height: 86rpx;
line-height: 86rpx;
text-align: center;
border-radius: 46rpx;
border: 1px solid #ffd23c;
font-size: 30rpx;
color: #ecb600;
margin: 0 auto;
margin-top: 60rpx;
}
.security {
font-size: 24rpx;
color: #999;
}