|
|
@@ -33,29 +33,64 @@ struct WidgetCard { |
|
|
|
|
|
|
|
build() { |
|
|
|
Stack() { |
|
|
|
Image($r("app.media.ic_widget")) |
|
|
|
.width(this.FULL_WIDTH_PERCENT) |
|
|
|
.height(this.FULL_HEIGHT_PERCENT) |
|
|
|
.objectFit(ImageFit.Cover) |
|
|
|
Column() { |
|
|
|
Text($r('app.string.title_immersive')) |
|
|
|
.fontSize($r('app.float.title_immersive_font_size')) |
|
|
|
.textOverflow({ overflow: TextOverflow.Ellipsis }) |
|
|
|
.fontColor($r('app.color.text_font_color')) |
|
|
|
.maxLines(this.MAX_LINES) |
|
|
|
Text($r('app.string.detail_immersive')) |
|
|
|
.fontSize($r('app.float.detail_immersive_font_size')) |
|
|
|
.opacity($r('app.float.detail_immersive_opacity')) |
|
|
|
.margin({ top: $r('app.float.detail_immersive_margin_top') }) |
|
|
|
.textOverflow({ overflow: TextOverflow.Ellipsis }) |
|
|
|
.fontColor($r('app.color.text_font_color')) |
|
|
|
.maxLines(this.MAX_LINES) |
|
|
|
Image($r("app.media.banner")) |
|
|
|
.width(this.FULL_WIDTH_PERCENT) |
|
|
|
.height(77) |
|
|
|
.objectFit(ImageFit.Auto) |
|
|
|
Row() { |
|
|
|
Column() { |
|
|
|
Image($r("app.media.icon_jisu")) |
|
|
|
.width(48) |
|
|
|
.height(48) |
|
|
|
.objectFit(ImageFit.Contain) |
|
|
|
Text("急速问诊") |
|
|
|
.fontColor("#000000") |
|
|
|
.fontSize(13) |
|
|
|
.margin({ top: 3 }) |
|
|
|
Text("在家也能问医生") |
|
|
|
.fontColor("#767581") |
|
|
|
.fontSize(11) |
|
|
|
.margin({ top: 3 }) |
|
|
|
} |
|
|
|
|
|
|
|
Column() { |
|
|
|
Image($r("app.media.icon_y")) |
|
|
|
.width(48) |
|
|
|
.height(48) |
|
|
|
.objectFit(ImageFit.Contain) |
|
|
|
Text("居家购药") |
|
|
|
.fontColor("#000000") |
|
|
|
.fontSize(13) |
|
|
|
.margin({ top: 3 }) |
|
|
|
Text("品质放心药") |
|
|
|
.fontColor("#767581") |
|
|
|
.fontSize(11) |
|
|
|
.margin({ top: 3 }) |
|
|
|
} |
|
|
|
|
|
|
|
Column() { |
|
|
|
Image($r("app.media.icon_d")) |
|
|
|
.width(48) |
|
|
|
.height(48) |
|
|
|
.objectFit(ImageFit.Contain) |
|
|
|
Text("找医生") |
|
|
|
.fontColor("#000000") |
|
|
|
.fontSize(13) |
|
|
|
.margin({ top: 3 }) |
|
|
|
Text("多专家多专科") |
|
|
|
.fontColor("#767581") |
|
|
|
.fontSize(11) |
|
|
|
.margin({ top: 3 }) |
|
|
|
} |
|
|
|
}.margin({ top: 8 }) |
|
|
|
.width("100%") |
|
|
|
.justifyContent(FlexAlign.SpaceEvenly) |
|
|
|
} |
|
|
|
.width(this.FULL_WIDTH_PERCENT) |
|
|
|
.height(this.FULL_HEIGHT_PERCENT) |
|
|
|
.alignItems(HorizontalAlign.Start) |
|
|
|
.justifyContent(FlexAlign.End) |
|
|
|
.padding($r('app.float.column_padding')) |
|
|
|
.justifyContent(FlexAlign.Start) |
|
|
|
} |
|
|
|
.width(this.FULL_WIDTH_PERCENT) |
|
|
|
.height(this.FULL_HEIGHT_PERCENT) |
|
|
|