|
@@ -46,7 +46,7 @@ const title=computed(()=>{
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
.report-item-box {
|
|
|
- padding: var(--page-padding);
|
|
|
+ padding: 30px;
|
|
|
margin-bottom: 10PX;
|
|
|
background-color: var(--bg-color);
|
|
|
.report-title {
|
|
@@ -61,7 +61,7 @@ const title=computed(()=>{
|
|
|
}
|
|
|
}
|
|
|
.report-des {
|
|
|
- margin: 16PX 0;
|
|
|
+ margin: 4PX 0;
|
|
|
color: var(--text-color-grey);
|
|
|
font-size: var(--font-size-small);
|
|
|
line-height: 1.5;
|
|
@@ -72,27 +72,34 @@ const title=computed(()=>{
|
|
|
color: var(--text-color-sub);
|
|
|
font-size: var(--font-size-small);
|
|
|
.author {
|
|
|
- padding: 4PX 6PX;
|
|
|
+ width: 60%;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // white-space: nowrap;
|
|
|
+ padding: 4PX 0;
|
|
|
}
|
|
|
.bottom {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
.time {
|
|
|
+ height: 42px;
|
|
|
+ line-height: 28px;
|
|
|
padding: 4PX 6PX;
|
|
|
}
|
|
|
.stage {
|
|
|
+ height: 42px;
|
|
|
+ line-height: 28px;
|
|
|
display: inline-block;
|
|
|
background-color: var(--td-primary-color-1);
|
|
|
color: var(--primary-color);
|
|
|
padding: 4PX 6PX;
|
|
|
- margin-left: 20PX;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 600px){
|
|
|
.report-item-box{
|
|
|
- padding: var(--page-padding);
|
|
|
+ padding: 15px;
|
|
|
margin-bottom: 10px;
|
|
|
.report-des{
|
|
|
margin: 8px 0;
|