@Entry
@Component
struct RowAndColu {
  build() {
    Column({ space: 30 }) {
      Text("个人中心页面")
        .fontSize(28)
        .fontWeight(FontWeight.Bold)
      Text("欢迎你，张三！这是一个学生管理系统，你可以进行以下操作！")
        .fontSize(18)
        .width('90%')
        .textAlign(TextAlign.Start)

      Row({ space: 30 }) {
        Button('编辑资料')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
        Button('修改密码')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
      }

      Row({ space: 30 }) {
        Button('查看课表')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
        Button('查看课程')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
      }
      Row({ space: 30 }) {
        Button('奖励学费申请')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
        Button('申请缓考')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
      }

      Row({ space: 30 }) {
        Button('申请补考')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
        Button('查看总学分')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
      }
      Row({ space: 30 }) {
        Button('查看订单')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
        Button('退出登录')
          .width(120).height(45)
          .backgroundColor(0x77DFFD)
          .fontColor(Color.White)
      }

    }
    .height('100%')
    .width('100%')
    .background(Color.White)
    .justifyContent(FlexAlign.Start)
    .alignItems(HorizontalAlign.Center)
    .padding({ top: 40, bottom: 40 })
  }
}