早晚报UI微调

@@ -88,7 +88,8 @@ export struct MorningEveningPaperComponent {
       // .backgroundColor('#FFF1F3F5')
       // .backgroundColor('#FFF1F3F5')
       // .backgroundColor(Color.Blue)
       // .backgroundColor(Color.Blue)
       .height('100%')
       .height('100%')
-      .margin({ left: 14, right: 14 })
+
+      // .margin({ left: 12, right: 12 })
 
 
       PaperTitleComponent()// PaperTitleComponent({
       PaperTitleComponent()// PaperTitleComponent({
         //   // title: this.morningEveningPaperDTO?.topicInfo?.title ?? "",
         //   // title: this.morningEveningPaperDTO?.topicInfo?.title ?? "",
@@ -100,6 +101,7 @@ export struct MorningEveningPaperComponent {
     }
     }
     .width('100%')
     .width('100%')
     // .backgroundColor('#000080')
     // .backgroundColor('#000080')
-    .backgroundColor(Color.Black)
+    // .backgroundColor(Color.Black)
+    .backgroundColor(this.pageInfoBean?.backgroundColor ?? Color.Black)
   }
   }
 }
 }

@@ -61,6 +61,7 @@ export struct PaperTitleComponent {
           // console.info(TAG, "img_close")
           // console.info(TAG, "img_close")
           router.back()
           router.back()
         })
         })
+        .margin({ right: 16 })
 
 
       Image($r('app.media.icon_share'))
       Image($r('app.media.icon_share'))
         .height($r('app.float.top_arrow_size'))
         .height($r('app.float.top_arrow_size'))
@@ -69,9 +70,11 @@ export struct PaperTitleComponent {
           right: { anchor: "img_close", align: HorizontalAlign.Start },
           right: { anchor: "img_close", align: HorizontalAlign.Start },
           center: { anchor: "__container__", align: VerticalAlign.Center } })
           center: { anchor: "__container__", align: VerticalAlign.Center } })
         .id('img_share')
         .id('img_share')
+        .margin({ right: 13 })
     }
     }
     // .margin({ left: 14, right: 14 })
     // .margin({ left: 14, right: 14 })
     .height($r('app.float.top_bar_height'))
     .height($r('app.float.top_bar_height'))
-    .backgroundColor(Color.Black)
+
+    // .backgroundColor(Color.Black)
   }
   }
 }
 }

@@ -3,7 +3,6 @@ import { CommonConstants, ConfigConstants, ScreenType } from 'wdConstant';
 import { Logger } from 'wdKit';
 import { Logger } from 'wdKit';
 import { CompUtils } from '../../utils/CompUtils';
 import { CompUtils } from '../../utils/CompUtils';
 import { WDRouterRule } from 'wdRouter';
 import { WDRouterRule } from 'wdRouter';
-import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO';
 import { ProcessUtils } from '../../utils/ProcessUtils';
 import { ProcessUtils } from '../../utils/ProcessUtils';
 
 
 const TAG: string = 'CardView';
 const TAG: string = 'CardView';
@@ -400,7 +399,8 @@ export struct PaperSingleColumn999CardView {
         .fontWeight(FontWeight.Bold)
         .fontWeight(FontWeight.Bold)
         .alignSelf(ItemAlign.Start)
         .alignSelf(ItemAlign.Start)
         .maxLines(3)
         .maxLines(3)
-        .textOverflow({ overflow: TextOverflow.Ellipsis }) // 超出的部分显示省略号。
+        .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
+        .margin({ left: 22, right: 22, top: 28 })
       if (this.item?.coverUrl) {
       if (this.item?.coverUrl) {
         Stack({ alignContent: Alignment.BottomEnd }) {
         Stack({ alignContent: Alignment.BottomEnd }) {
           Image(this.item?.coverUrl)
           Image(this.item?.coverUrl)
@@ -418,7 +418,7 @@ export struct PaperSingleColumn999CardView {
                 .fitOriginalSize(true)
                 .fitOriginalSize(true)
             }.width(CommonConstants.FULL_PARENT)
             }.width(CommonConstants.FULL_PARENT)
           }
           }
-        }
+        }.margin({ left: 22, right: 22 })
       }
       }
       if (this.item?.newsSummary) {
       if (this.item?.newsSummary) {
         Text(this.item?.newsSummary)
         Text(this.item?.newsSummary)
@@ -426,23 +426,26 @@ export struct PaperSingleColumn999CardView {
           .padding({ top: 10 })
           .padding({ top: 10 })
           .alignSelf(ItemAlign.Start)
           .alignSelf(ItemAlign.Start)
           .maxLines(3)
           .maxLines(3)
-          .textOverflow({ overflow: TextOverflow.Ellipsis }) // 超出的部分显示省略号。
+          .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
+          .margin({ left: 22, right: 22 })
       }
       }
       if (this.item?.visitorComment) {
       if (this.item?.visitorComment) {
         Row() {
         Row() {
           Text(this.item?.visitorComment + "评")
           Text(this.item?.visitorComment + "评")
             .fontSize(12)
             .fontSize(12)
             .fontColor(Color.Gray)
             .fontColor(Color.Gray)
+            .margin({ left: 22 })
           Image($r('app.media.icon_share'))
           Image($r('app.media.icon_share'))
             .width(16)
             .width(16)
             .height(16)
             .height(16)
-            .margin(10)
+            .margin({ left: 10, right: 22, top: 10, bottom: 10 })
             .backgroundColor(Color.Brown)
             .backgroundColor(Color.Brown)
         }.width(CommonConstants.FULL_PARENT)
         }.width(CommonConstants.FULL_PARENT)
         .justifyContent(FlexAlign.SpaceBetween)
         .justifyContent(FlexAlign.SpaceBetween)
       }
       }
     }
     }
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)
-    .margin({ bottom: 5 })
+    .margin({ bottom: 5, left: 12, right: 12 })
+    .borderRadius(4)
   }
   }
 }
 }

@@ -81,22 +81,23 @@
       "value": "#994D00"
       "value": "#994D00"
     },
     },
     {
     {
-      "name":"color_B15900",
+      "name": "color_B15900",
       "value": "#B15900"
       "value": "#B15900"
     },
     },
     {
     {
       "name": "main_red",
       "name": "main_red",
       "value": "#E84026"
       "value": "#E84026"
-    },    {
-      "name":"color_4D000000",
+    },
+    {
+      "name": "color_4D000000",
       "value": "#4D000000"
       "value": "#4D000000"
     },
     },
     {
     {
-      "name":"color_CCCCCC",
+      "name": "color_CCCCCC",
       "value": "#CCCCCC"
       "value": "#CCCCCC"
     },
     },
     {
     {
-      "name":"color_EDEDED",
+      "name": "color_EDEDED",
       "value": "#EDEDED"
       "value": "#EDEDED"
     },
     },
     {
     {
@@ -106,6 +107,10 @@
     {
     {
       "name": "color_B2FFFFFF",
       "name": "color_B2FFFFFF",
       "value": "#B2FFFFFF"
       "value": "#B2FFFFFF"
+    },
+    {
+      "name": "color_00304c",
+      "value": "#00304c"
     }
     }
   ]
   ]
 }
 }