鸿蒙第一次体验

线性布局
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据

// 文本组件
Text('列........').backgroundColor("red")
Text('元素垂直向下排列').backgroundColor("yellow")
Text('元素垂直向下排列').backgroundColor("green")
Text('元素垂直向下排列').backgroundColor("blue")

Column({space:15})
{//space,间隔
//   文本组件
  Text('hello word!')
    .fontSize(30) //字体大小  vp
    .fontColor(Color.Brown) //字体颜色
    .textAlign(TextAlign.Start) //水平对齐方式
    .decoration(
      {//写多个属性
        type:TextDecorationType.Underline, //类型 下划线
        color:'blue', //颜色
        style:TextDecorationStyle.SOLID //线的样式
      }
    ) //装试：下划线，删除线，上划线
  Text("摩托车越野赛")
    .fontColor('#eb7340')
    .fontSize(24)
    //  文本输入框  {placeholder:"账号",text:'admin'}
  // placeholder  输入提示，text：默认值
    TextInput({placeholder:"账号",text:"admin"}) //默认，有圆角的输入框
     TextInput({placeholder:"请输入密码"})
       .type(InputType.Password)//输入框类型:密码
       .borderRadius(10)//圆角
       .backgroundColor("green")

Button（）按钮组件
按钮组件有三种方式：圆形按钮，胶囊按钮，普通按钮

type：ButtonType.Circle：按钮的形状：圆形按钮

type:ButtonType.Capsule:胶囊按钮

type:ButtonType.Normal:普通按钮

TextInput()：文本输入框
 placeholder：输入的提示

text：默认值

type（InputType.password）：输入框类型:密码框

borderRadius（）：圆角

backgroundColor():背景颜色