大图卡人民号样式

@@ -9,6 +9,7 @@ import { Card9Component } from './cardview/Card9Component';
 import { Card10Component } from './cardview/Card10Component';
 import { Card10Component } from './cardview/Card10Component';
 import { Card11Component } from './cardview/Card11Component';
 import { Card11Component } from './cardview/Card11Component';
 import { Card17Component } from './cardview/Card17Component';
 import { Card17Component } from './cardview/Card17Component';
+import { Card15Component } from './cardview/Card15Component';
 
 
 /**
 /**
  * card适配器，卡片样式汇总，依据ContentDTO#appStyle
  * card适配器，卡片样式汇总，依据ContentDTO#appStyle
@@ -39,6 +40,8 @@ export struct CardParser {
       Card9Component({ contentDTO })
       Card9Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_10) {
     } else if (contentDTO.appStyle === CompStyle.Card_10) {
       Card10Component({ contentDTO })
       Card10Component({ contentDTO })
+    } else if (contentDTO.appStyle === CompStyle.Card_15) {
+      Card15Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_11) {
     } else if (contentDTO.appStyle === CompStyle.Card_11) {
       Card11Component({ contentDTO })
       Card11Component({ contentDTO })
     } else if (contentDTO.appStyle === CompStyle.Card_17) {
     } else if (contentDTO.appStyle === CompStyle.Card_17) {

+//全标题 "appStyle":"2",
+import { ContentDTO } from 'wdBean';
+import { ProcessUtils } from '../../utils/ProcessUtils';
+
+
+const TAG: string = 'Card15Component';
+
+/**
+ * 大图卡人民号:
+ * compstyle:15
+ * 卡片结构：上下结构
+ * 卡片宽度:充满父窗口
+ * 卡片高度,仅包含横板图片：图片高度由图片的宽度及宽高比决定，图片宽度占父窗口'100%'，宽高比为16:9:
+ */
+// @Entry
+@Component
+export struct Card15Component {
+  @State contentDTO: ContentDTO = {} as ContentDTO;
+
+  build() {
+    Column() {
+
+      Column() {
+        //新闻标题
+        Text(this.contentDTO.newsTitle)
+          .fontSize(17)
+          .fontColor('#222222')
+          .maxLines(3)
+          .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。
+          .align(Alignment.Start)
+        //大图
+        Stack() {
+          Image(this.contentDTO.coverUrl)
+            .borderRadius(4)
+
+
+          //播放状态+时长
+          Row() {
+            Image($r('app.media.icon_live'))
+              .width(22)
+              .height(18)
+
+            Stack() {
+              Text('直播中')
+                .fontColor('#FFFFFF')
+                .fontSize(11)
+            }
+            .width(44)
+            .height(18)
+            .backgroundColor('#4d000000')
+          }.margin({ right: 8, bottom: 8 })
+
+        }
+        .width('100%')
+        .height(192)
+        .alignContent(Alignment.BottomEnd)
+        .margin({ top: 8 })
+
+      }
+      .width('100%')
+      .justifyContent(FlexAlign.Start)
+      .alignItems(HorizontalAlign.Start)
+      .padding({ top: 14 })
+
+      //bottom
+      Row() {
+        Text(this.contentDTO.source)
+          .bottomTextStyle()
+        //间隔点
+        Image($r('app.media.point'))
+          .width(12)
+          .height(12)
+
+        Text(this.contentDTO.source)
+          .bottomTextStyle()
+        Text(' ')
+
+        Text(this.contentDTO.subtitle)
+          .bottomTextStyle()
+
+      }
+      .width('100%')
+      .height(18)
+      .justifyContent(FlexAlign.Start)
+      // .padding({bottom:14})
+      .margin({ top: 8 })
+    }
+    .width('100%')
+    .padding({ left: 16, right: 16 })
+    .onClick((event: ClickEvent) => {
+      ProcessUtils.processPage(this.contentDTO)
+    })
+  }
+}
+
+@Extend(Text)
+function bottomTextStyle() {
+  .fontSize(12)
+  .fontColor('#B0B0B0')
+}