/* pages/home/home.wxss */
|
.page__hd {
|
background: linear-gradient(to bottom right, #D9FDFB, white);
|
}
|
|
.top-card {
|
border-radius: 4px;
|
background: linear-gradient(to bottom right, #a5f5e9, #62EAD2);
|
color: white;
|
padding: 8px;
|
text-shadow: 1px 1px rgb(0, 0, 0, 0.4);
|
}
|
|
.top-card .top-card__time {
|
text-align: end;
|
font-size: 12px;
|
color: #ffffffde;
|
}
|
|
.top-card .top-card__score {
|
font-size: 26px;
|
font-weight: 600;
|
text-align: center;
|
margin: 16px;
|
}
|
|
.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 {
|
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();
|
} */
|
