梅科尔工作室-李承津-鸿蒙笔记2

最新推荐文章于 2025-12-12 17:15:51 发布

原创最新推荐文章于 2025-12-12 17:15:51 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

基本组件

Image(src: string | PixelMap | Resource)//图片来源
  .width(78)//图片宽度
  .height(78)//图片高度    

Text("content": string | Resource)//文本内容
    .textAlign(TextAlign.Start)//文本对齐方式
    .fontSize(15)//字体大小
    .fontWeight(FontWeight.Medium)//字体粗细
    .fontColor('#182431')//字体颜色
    .margin({ top: 10, bottom: 50 })//相邻两个组件之间的距离

TextInput({placeholder:'账号'})//输入框默认显示的文字    
    .maxLength(11)//最大输入的字数
    .type(InputType.Number)//输入的文本类型
    .width('95%')//输入框所占的宽度

Button('content',{type:ButtonType.Capsule})//输入内容和按钮类型
      .width('90%')//按钮宽度
      .height(40)//按钮高度
      .fontSize(16)//字体大小
      .fontWeight(FontWeight.Medium)//字体粗细
      .backgroundColor('#007dff')//按钮背景颜色

容器组件