/* pages/home/home.wxss */
|
.page__hd {
|
/* background: linear-gradient(to bottom right, #D9FDFB, white); */
|
padding: 0;
|
}
|
|
.page__title {
|
margin-left: 10px;
|
}
|
|
.flex-h_block{
|
flex: 1;
|
}
|
|
.top-card {
|
position: relative;
|
border-radius: 4px;
|
background-color: #DCFFF9;
|
/* background: linear-gradient(to bottom right, #a5f5e9, #62EAD2); */
|
color: #219372;
|
padding: 8px;
|
/* text-shadow: 1px 1px rgb(0, 0, 0, 0.4); */
|
margin-left: 10px;
|
margin-right: 2px;
|
height: 20vh;
|
}
|
|
.top-card_2 {
|
margin-left: 2px;
|
margin-right: 10px;
|
margin-bottom: 0.5vh;
|
height: 8.5vh;
|
background-color: #DDEEFF;
|
color: #2B7BCB;
|
}
|
|
.top-card_3 {
|
margin-left: 2px;
|
margin-right: 10px;
|
margin-top: 0.5vh;
|
height: 8.5vh;
|
background-color: #FAFCF0;
|
color: #859438;
|
}
|
|
.top-card>image{
|
width: 15vh;
|
height: 18vh;
|
position: absolute;
|
bottom: 0px;
|
right: 0px;
|
}
|
|
.top-card_2>image{
|
width: 13vw;
|
height: 14vw;
|
}
|
|
.top-card_3>image{
|
width: 13vw;
|
height: 14vw;
|
}
|
|
.top-card .top-card__time {
|
/* text-align: end; */
|
font-size: 12px;
|
color: #8BD5C8;
|
}
|
|
.top-card_2 .top-card__time {
|
color: #95BEE7;
|
}
|
|
.top-card_3 .top-card__time {
|
color: #BBC391;
|
}
|
|
.top-card .top-card__score {
|
font-size: 12px;
|
/* text-align: center; */
|
/* margin: 16px; */
|
}
|
|
.top-card .top-card__num {
|
font-size: 26px;
|
font-weight: 600;
|
}
|
|
.top-card .top-card__tag{
|
font-size: 10px;
|
width: 12vw;
|
color: #ffffffbd;
|
}
|
|
.top-card .top-card__items {
|
display: flex;
|
justify-content: space-around;
|
}
|
|
.top-card__items .top-card__item {
|
text-align: center;
|
}
|
|
.top-card__items .top-card__item view {
|
color: #ffffffde;
|
font-size: 12px;
|
}
|
|
.top-card__items .top-card__item text {
|
font-weight: 600;
|
}
|
|
.title {
|
padding: 8px;
|
}
|
|
.title::after {
|
height: 1px;
|
background-color: var(--fyui-text-color_2);
|
}
|
|
.notice-read {
|
width: 12px;
|
height: 12px;
|
background-color: #CECECE;
|
border-radius: 50%;
|
}
|
|
.notice-not-read {
|
width: 12px;
|
height: 12px;
|
background-color: red;
|
border-radius: 50%;
|
}
|
|
.notice {
|
color: var(--fyui-text-color_2);
|
font-size: 12px;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.image-btn {
|
position: relative;
|
}
|
|
.image-btn>image {
|
width: 46vw;
|
height: 90px;
|
}
|
|
.image-btn .image-btn_title {
|
position: absolute;
|
left: 8px;
|
top: 4px;
|
color: white;
|
font-size: 15px;
|
}
|
|
.image-btn .image-btn_abstract {
|
position: absolute;
|
left: 8px;
|
top: 28px;
|
color: white;
|
font-size: 10px;
|
}
|
|
.image-btn .image-btn_goto {
|
position: absolute;
|
left: 8px;
|
top: 48px;
|
width: 24px;
|
height: 24px;
|
background-color: white;
|
text-align: center;
|
border-radius: 50%;
|
background-repeat: no-repeat;
|
background-position: center;
|
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)
|
}
|
|
/* .image-btn .image-btn_goto>image {
|
width: 14px;
|
height: 20px;
|
src: url();
|
} */
|
