双非大学生自学鸿蒙5.0零基础入门到项目实战 -《基础篇》

// string : 字符串
let name : string = "VON"
console.log('文章的作者是：',name);

// number : 数字类型
let count : number = 3319
console.log('粉丝数：',count)

// boolean : 布尔型
let isStu : boolean = true
console.log('是大学生吗？',isStu)

// 数组
let title : string[] = ["下标0","下标1","下标2","下标3"]
console.log("数组：", title)
console.log("下标0", title[0])
console.log("下标0", title[1])
console.log("下标0", title[2])


// 对象
// 接口
interface CSDN {
  name : string,
  VisitNum : number,
  FansNum : number
}
// 自定义对象
let VON : CSDN = {
  name : "VON",
  VisitNum : 202734,
  FansNum : 3319
}
console.log("作者：",VON )
console.log("作者名字：",VON.name)
console.log("作者浏览量：",VON.VisitNum)
console.log("作者粉丝数：",VON.FansNum)

// 函数
function salary(base:number,Performance:number,Businesstrip:number) {
    return base+Performance+Businesstrip
}

let s1 : number = salary(1000,2000,3000)
console.log("工资：", s1)

let s2 : number = salary(10000,20000,30000)
console.log("工资：", s2)

// 箭头函数
let Perimeters = (r : number) => {
  return 2*3.14*r
}

console.log("圆周长：",Perimeters(5))
console.log("圆周长：",Perimeters(10))
console.log("圆周长：",Perimeters(15))

@Entry
@Component
struct Index {

  build() {
    Column(){
      Text("在千年侗寨，感受乡村全面振兴的力量")
        .fontSize(18)
        .width("100%")
      Text("新华社新闻")
        .fontSize(14)
        .fontColor("#999")
        .width("100%")
      Text("持续扩大对象开放")
        .fontSize(18)
        .width("100%")
      Text("央视新闻")
        .fontSize(14)
        .fontColor("#999")
        .width("100%")
    }
  }
}

@Entry
@Component
struct Index {

  build() {
    Column(){
      // 本地图片
      Image($r('app.media.my'))
        .width(200)
      // 网络图片
      Image('https://i-blog.csdnimg.cn/direct/40600f6661f84f589abdb9c1add2266c.png#pic_center')
        .width(200)
    }
  }
}

@Entry
@Component
struct Index {

  build() {
    Column(){
      Button('登录')
        .width('100%')
      Button('注册')
        .width('100%')
        .backgroundColor(Color.Red)
        .margin({
          top:10,
          bottom:20
        })
    }
    .backgroundColor(Color.Gray)
    .padding({
      left:10,
      bottom:20,
      top:30,
      right:40
    })
  }
}

@Entry
@Component
struct Index {

  build() {
    Column() {
      Text('+ 状态')
        .width(100)
        .height(60)
        .backgroundColor(Color.Blue)
        .textAlign(TextAlign.Center)
        .border({
          width:5, // 边框宽度
          color:Color.Brown, // 边框颜色
          style:BorderStyle.Dashed, // 边框类型
          radius:20 // 圆角
        })
    }
  }
}