图卡集样式优化

 import { Action, CompDTO, Params } from 'wdBean';
 import { Action, CompDTO, Params } from 'wdBean';
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO';
 import { ExtraDTO } from 'wdBean/src/main/ets/bean/component/extra/ExtraDTO';
+import { CommonConstants } from 'wdConstant/Index';
 import { DateTimeUtils, Logger } from 'wdKit';
 import { DateTimeUtils, Logger } from 'wdKit';
 import { WDRouterRule } from 'wdRouter';
 import { WDRouterRule } from 'wdRouter';
 
 
@@ -23,15 +24,12 @@ export struct AlbumCardComponent {
         .fontColor(0x222222)
         .fontColor(0x222222)
         .lineHeight(25)
         .lineHeight(25)
         .maxLines(3)
         .maxLines(3)
-        .margin({ top: 6,
-          left: 16,
-          right: 16 })
-        .width(343)
+        .width(CommonConstants.FULL_WIDTH)
 
 
       RelativeContainer() {
       RelativeContainer() {
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[0].url)
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[0].url)
-          .width(229)
-          .height(154)
+          .width('66.6%')
+          .aspectRatio(16/9)
           .alignRules({
           .alignRules({
             top: { anchor: "__container__", align: VerticalAlign.Top },
             top: { anchor: "__container__", align: VerticalAlign.Top },
             left: { anchor: "__container__", align: HorizontalAlign.Start }
             left: { anchor: "__container__", align: HorizontalAlign.Start }
@@ -39,8 +37,8 @@ export struct AlbumCardComponent {
           .id('mainImage')
           .id('mainImage')
 
 
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[1].url)
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[1].url)
-          .width(112)
-          .height(76)
+          .width('33%')
+          .aspectRatio(16/9)
           .alignRules({
           .alignRules({
             top: { anchor: "__container__", align: VerticalAlign.Top },
             top: { anchor: "__container__", align: VerticalAlign.Top },
             right: { anchor: "__container__", align: HorizontalAlign.End }
             right: { anchor: "__container__", align: HorizontalAlign.End }
@@ -48,14 +46,14 @@ export struct AlbumCardComponent {
           .id('subTopImage')
           .id('subTopImage')
 
 
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[2].url)
         Image(this.compDTO.operDataList[0].fullColumnImgUrls[2].url)
-          .width(112)
-          .height(76)
+          .width('33%')
+          .aspectRatio(16/9)
           .alignRules({
           .alignRules({
             right: { anchor: "__container__", align: HorizontalAlign.End },
             right: { anchor: "__container__", align: HorizontalAlign.End },
             bottom: { anchor: "__container__", align: VerticalAlign.Bottom }
             bottom: { anchor: "__container__", align: VerticalAlign.Bottom }
           })
           })
           .id('subBottomImage')
           .id('subBottomImage')
-
+        // 下面是渲染右下角图标
         Shape() {
         Shape() {
           Rect().width(33).height(18)
           Rect().width(33).height(18)
         }
         }
@@ -97,8 +95,8 @@ export struct AlbumCardComponent {
           .width(17)
           .width(17)
           .height(17)
           .height(17)
       }
       }
-      .width(343)
-      .height(154)
+      .width(CommonConstants.FULL_WIDTH)
+      .aspectRatio(24/9)
       .onClick((event: ClickEvent) => {
       .onClick((event: ClickEvent) => {
         let taskAction: Action = {
         let taskAction: Action = {
           type: 'JUMP_DETAIL_PAGE',
           type: 'JUMP_DETAIL_PAGE',
@@ -134,13 +132,17 @@ export struct AlbumCardComponent {
           .margin({
           .margin({
             left: 6
             left: 6
           })
           })
-      }.margin({ left: 24 })
-      .width(375)
+      }
+      .width(CommonConstants.FULL_WIDTH)
       .height(16)
       .height(16)
       .id('label')
       .id('label')
     }
     }
-    .width(375)
-
-    // .backgroundColor(0x000000)
+    .width(CommonConstants.FULL_WIDTH)
+    .padding({
+      top: 14,
+      left: 16,
+      right: 16,
+      bottom: 14
+    })
   }
   }
 }
 }