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

Signed-off-by: xugenyuan <xugenyuan@wondertek.com.cn>

@@ -45,10 +45,31 @@ export struct CommentTabComponent {
   build() {
   build() {
     Row() {
     Row() {
       Stack({ alignContent: Alignment.Start }) {
       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(() => {
     .onClick(() => {
       this.onCommentFocus && this.onCommentFocus()
       this.onCommentFocus && this.onCommentFocus()
 
 

@@ -164,7 +164,7 @@ export struct OperRowListView {
         })
         })
       }
       }
     }
     }
-    .flexGrow(1)
+    .flexShrink(1)
 
 
     Column() {
     Column() {
       if (this.publishCommentModel?.targetId) {
       if (this.publishCommentModel?.targetId) {