88 lines
1.9 KiB
Plaintext
88 lines
1.9 KiB
Plaintext
|
/* pages/notification/notification.wxss */
|
||
|
|
.main {
|
||
|
|
margin: 30rpx 0;
|
||
|
|
width: 750rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
height: 100%;
|
||
|
|
width: 90%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
height: 25vh;
|
||
|
|
width: 100%;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
margin: 40rpx auto;
|
||
|
|
box-shadow: 0px 0px 15rpx #e2e2e2;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item2 {
|
||
|
|
height: 250rpx;
|
||
|
|
width: 100%;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
margin: 40rpx auto;
|
||
|
|
box-shadow: 0px 0px 15rpx #e2e2e2;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 35rpx;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
height: 80rpx;
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
font-size: 35rpx;
|
||
|
|
color: #333;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
height: 80rpx;
|
||
|
|
width: 80rpx;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAUFJREFUaEPtlk9Kw0AYxV9imOJG9ACKixYCrkqX7cqj6Ak8iSewR3Fll6WrQkEXRQ/Q4qZ0iIkEKfinSjLfAxl42Wa+b+b9fjOTJIj8SSJfPxTgvw3KgAwYCWgLGQGay2XAjNDYQAaMAM3lMmBGaGwgA0aA5nIZ+A3h7BzHh2V2Ub/fpMW8v8TajHtPA7qBxy6O3rbuFgmuvsxXYXzQ8Te9J7wyg1AD1IsvvLtPgMG+RVbANHP+khmCGmBx6u5+kP+epMI4f/HXLAu0AB973q2aLGyT+hPWmaAFWJxlQyB9aBIAKEf5czFpNvbvUQqw4xP9FqqDRH2I6wDRX6O7ENF+yD7fF9H+SjCuxjY9aNdom0mZYxWASTOklwyEUGPWyACTZkgvGQihxqyRASbNkF4yEEKNWSMDTJohvWQghBqz5h1dzlgxx+Kj6QAAAABJRU5ErkJggg==);
|
||
|
|
background-size: 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.msg {
|
||
|
|
height: 10vh;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom {
|
||
|
|
height: 70rpx;
|
||
|
|
color: #333;
|
||
|
|
font-size: 30rpx;
|
||
|
|
line-height: 70rpx;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.readed-container {
|
||
|
|
width: 100vw;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
.readed {
|
||
|
|
width: 20vw;
|
||
|
|
display: flex;
|
||
|
|
margin-right: 5vw;
|
||
|
|
padding: 5rpx 5rpx 5rpx 5rpx;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
font-size: small;
|
||
|
|
background-color: #E2EDFE;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
color: #4393FE;
|
||
|
|
}
|