Text('Hello World dddddddddddddddd')
      //设置文本对齐方式
        .textAlign(TextAlign.Center)
      //设置文本最大行数，是设置文本超长显示方式的基础条件
        .maxLines(1)
      //设置文本超长时的显示方式（None/Clip/Ellipsis）
        .textOverflow({overflow:TextOverflow.Ellipsis})
      //设置文本行高
        .lineHeight('100')
      //设置文本装饰线样式以及颜色，此代码样式为:下划线、红色
        .decoration({type:TextDecorationType.Underline,color:Color.Red})
      //距离本行下边框距离，术语:文本基线的偏移量
        .baselineOffset('10')
      //设置文本大小写，无论原内容如何都将统一为此处所配置样式
        .textCase(TextCase.UpperCase)
      //设置文字大小
        .fontSize(20)
      //字体粗细
        .fontWeight(FontWeight.Bold)  

@Entry
@Component
struct Index {
  build() {
    Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text('Hello World dddddddddddddddd')
      //设置文本对齐方式
        .textAlign(TextAlign.Center)
      //设置文本最大行数，是设置文本超长显示方式的基础条件
        .maxLines(1)
      //设置文本超长时的显示方式（None/Clip/Ellipsis）
        .textOverflow({overflow:TextOverflow.Ellipsis})
      //设置文本行高
        .lineHeight('100')
      //设置文本装饰线样式以及颜色，此代码样式为:下划线、红色
        .decoration({type:TextDecorationType.Underline,color:Color.Red})
      //距离本行下边框距离，术语:文本基线的偏移量
        .baselineOffset('10')
      //设置文本大小写，无论原内容如何都将统一为此处所配置样式
        .textCase(TextCase.UpperCase)
      //设置文字大小
        .fontSize(20)
      //字体粗细
        .fontWeight(FontWeight.Bold)

      //第一种类型---无文字圆形按钮
      //type:按钮形状类型（按钮风格）
      Button({type:ButtonType.Circle})
        .width('50')
        .height('50')
        //按钮圆角
        .borderRadius(10)
        //设置按钮背景颜色，默认蓝色
        .backgroundColor('#000')
        //按钮边框
        .border({width:1})
        //按钮边框颜色
        .borderColor('#0AFF00')
        //距离左边距离
        .margin({left:100})
        //点击事件
        .onClick((event: ClickEvent)=>{
          AlertDialog.show({title:'点击事件',message:'点击了一下'})
        })

      //第二种类型---有文字方形按钮
      //按钮文字可直接在接口中写出，也在Button中嵌套Text组件使用
      //1、直接在接口写,接口2中的“label”属性
      Button('按钮1',{type:ButtonType.Normal})
        .width(90)
        .height(40)
        //为了使此按钮与上方按钮区分开，可设置其上边距
        .margin({top:20})

      //2、嵌套Text组件
      Button({type:ButtonType.Normal}){
        //可自己设置文字样式
        Text('按钮2').fontSize(16).fontColor('#FFF')
      }.width(90).height(40).margin({top:20})
      
    }
    .width('100%')
    .height('100%')
  }
}