HarmonyOS 鸿蒙Next DevEco Studio中的TextInput({ placeholder: '我是提示文本' })显示问题

@Entry
@Component
struct Temp {
  build() {
    Row({space : 10}){
      Image($r(‘app.media.ic_public_input_scan’))
        .height(40)
        .width(40)
      Divider()
        .vertical(true).height(22).color(’#182431’).opacity(0.6)
      TextInput({placeholder:‘我是提示文本’})
        .borderRadius(0)
        .layoutWeight(1)
      Image($r(‘app.media.ic_public_camera’))
        .height(40)
        .width(40)
      Button(‘Ok’, { type: ButtonType.Normal, stateEffect: true })
        .borderRadius(8)
        .backgroundColor(0x317aff)
        .width(90)
        .height(40)
    }
    .padding(5)
    .border({width: 5, color: 0x317AF7, radius: 10 })
  }
}

输入框占位符的我字前面的空白怎么去掉呀？

我尝试把左边的分隔符变成输入框的左边框，太长。边框的长度是跟输入框的高度直接相连的，怎么变短一点呀。

尝试把左边的分隔符变成输入框的占位符又太短。

使用search组件怎么更换前后的图标啊？

@Entry
@Component
struct SearchExample {
  @State changeValue: string = ‘’
  @State submitValue: string = ‘’
  controller: SearchController = new SearchController()

  build() {
    Column() {
      Text(‘onSubmit:’ + this.submitValue).fontSize(18).margin(15)
      Text(‘onChange:’ + this.changeValue).fontSize(18).margin(15)
      Search({ value: this.changeValue, placeholder: ‘Type to search…’, controller: this.controller })
        .searchButton(‘SEARCH’)
          //.width(300)
        .height(40)
        .backgroundColor(’#F5F5F5’)
        .placeholderColor(Color.Grey)
        .placeholderFont({ size: 14, weight: 400 })
        .textFont({ size: 14, weight: 400 })
        .onSubmit((value: string) => {
          this.submitValue = value
        })
        .onChange((value: string) => {
          this.changeValue = value
        })
        .margin(20)
      Button(‘Set caretPosition 1’)
        .onClick(() => {
          // 设置光标位置到输入的第一个字符后
          this.controller.caretPosition(1)
        })
    }
    .width(‘100%’)
    .padding(10)
  }
}

评论区为什么不支持插入ArkTs的代码类型呀？

设计规范的避让挖孔区，那个挖孔区域高度是多少呀？