3月18日工作日志-CSDN博客

本文链接：https://blog.csdn.net/2301_80437645/article/details/146350286

一个朴实无华的目录

今日学习内容：
今日实操成果：

今日学习内容：

1. figma的入门

Figma新手教程2025｜30分钟高效掌握Figma基础操作与UI设计流程
完成figma账号的注册

2. 查看各项数据

1.大组件：直接鼠标左键

显示长宽，padding，and颜色十六进制编码。
在这里插入图片描述

2.小组件：win+鼠标左键

显示长宽，padding，圆角，阴影的颜色and单位位置，and导出方式

字体的像素大小，行高，颜色
在这里插入图片描述

3.复制：alt+鼠标拖动

这里是客户端自带的案例page。
在这里插入图片描述

浅浅复习一下ArkTs

在这里插入图片描述

今日实操成果：

@Entry
@Component
struct Index {
  @State message: string = 'Taoxiyang';
  @State mycolor: string = '#7e7e7e';
  build() {
    Column({ space: 15 }) { //最外层
      Image($r('app.media.Rectangle275'))
        .width(50)
        .borderRadius(999)
        .border({
          width:3,
          color: Color.Gray,
          style: BorderStyle.Solid
        })
      TextInput({
        placeholder:"请输入用户名"
      })
      TextInput({
        placeholder:"请输入密码"
      })
        .type(InputType.Password)
      Button('登录')
        .width('100%')
      Row({ space: 15 }){
        Text('前往注册')
        Text('忘记密码')
      }   
    }
    .padding(20)
  }
}