|
@@ -46,10 +46,11 @@ const title=computed(()=>{
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
.report-item-box {
|
|
|
- padding: 30px;
|
|
|
+ padding: 30px 30px 20px 30px;
|
|
|
margin-bottom: 10PX;
|
|
|
background-color: var(--bg-color);
|
|
|
.report-title {
|
|
|
+ margin-bottom: 6px;
|
|
|
font-size: var(--font-size-huge);
|
|
|
:deep(.report-title_color){
|
|
|
color: var(--primary-color);
|
|
@@ -61,7 +62,7 @@ const title=computed(()=>{
|
|
|
}
|
|
|
}
|
|
|
.report-des {
|
|
|
- margin: 4PX 0;
|
|
|
+ margin-top: 4PX;
|
|
|
color: var(--text-color-grey);
|
|
|
font-size: var(--font-size-small);
|
|
|
line-height: 1.5;
|
|
@@ -71,6 +72,7 @@ const title=computed(()=>{
|
|
|
justify-content: space-between;
|
|
|
color: var(--text-color-sub);
|
|
|
font-size: var(--font-size-small);
|
|
|
+ padding-top: 8px;
|
|
|
.author {
|
|
|
width: 60%;
|
|
|
// overflow: hidden;
|
|
@@ -99,7 +101,7 @@ const title=computed(()=>{
|
|
|
}
|
|
|
@media (min-width: 600px){
|
|
|
.report-item-box{
|
|
|
- padding: 15px;
|
|
|
+ padding: 15px 15px 10px 15px;
|
|
|
margin-bottom: 10px;
|
|
|
.report-des{
|
|
|
margin: 8px 0;
|