xugenyuan

ref |> 解决详情页底部评论输入框宽度问题

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>
... ... @@ -45,10 +45,31 @@ export struct CommentTabComponent {
build() {
Row() {
Stack({ alignContent: Alignment.Start }) {
Image($r('app.media.comment_img_input_hui')).width(151).height(30)
Text(this.placeHolder).fontSize(12).fontColor('#999999').margin({ left: 10 })
RelativeContainer() {
Image($r('app.media.comment_img_input_hui'))
.objectFit(ImageFit.Fill)
.resizable({ slice: { top: 1, left: 1, right: 20, bottom: 1 } })
.alignRules({
top: { anchor: "__container__", align: VerticalAlign.Top },
left: { anchor: "__container__", align: HorizontalAlign.Start },
right: { anchor: "__container__", align: HorizontalAlign.End },
bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
})
.id("Image")
Text(this.placeHolder)
.fontSize(12)
.fontColor('#999999')
.margin({ left: 10 })
.alignRules({
top: { anchor: "__container__", align: VerticalAlign.Top },
left: { anchor: "__container__", align: HorizontalAlign.Start },
bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
})
.id("Text")
}
}
}.width(151).height(30)
}
.height(30)
.onClick(() => {
this.onCommentFocus && this.onCommentFocus()
... ...
... ... @@ -164,7 +164,7 @@ export struct OperRowListView {
})
}
}
.flexGrow(1)
.flexShrink(1)
Column() {
if (this.publishCommentModel?.targetId) {
... ...