Browse Source

fix:样式调整

chenlei 1 month ago
parent
commit
80e7accafc
1 changed files with 5 additions and 3 deletions
  1. 5 3
      src/views/report/components/ReportItem.vue

+ 5 - 3
src/views/report/components/ReportItem.vue

@@ -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;