原文:Figma 学习笔记 – Auto Layout

用途 Auto Layout 有点像 CSS 的 Flex, 它还带有 responsive 的概念.使用它以后可以替代掉不少 constraints 的写法. 用法 一个 parent 抱着多个 children 设置横向或纵向 只能一个方向 设置 children 之间的 gap 设置 parent 的 padding 设置 children 的 alignment 父元素的 Resizing ...

2021-10-05 21:29 0 109 推荐指数:

查看详情

Figma 学习笔记 – Frame

Frame = <div> Frame 就类似 HTML 中的 div, 它和形状 rectangle 特性上蛮相识的, 但是使用场景其实差很多, 所以不要搞错哦. (除了图片很少会用到 ...

Tue Oct 05 20:35:00 CST 2021 0 213
Figma 学习笔记 – Border

Figma 画 Border 其实还挺难的 4 边框 可以用 build-in 的 Stroke 实现 注: border 是在内部的, 和 HTML 一直 Border Top, Right, Bottom, Left 如果只想要其中 1 的话, Stroke 就不 ...

Wed Oct 06 01:19:00 CST 2021 0 101
Figma 学习笔记 – Align 对齐

Figma 有几个常用的对齐方法 从左到右 1. 左对齐 Alt + A 2.左右居中对齐 Alt + H 3.右对齐 Alt + D 4.上对齐 Alt + W 5.上下居中对齐 Alt + V 6.下对齐 Alt + S ...

Wed Oct 06 03:47:00 CST 2021 0 149
Figma 学习笔记 – Constraints 约束

用途 Constraints 用于 responsive design, 子元素和父元素建立约束关系后, 当父元素 dimension 变换的时候, 子元素会做出相应的变化 (移动位置或 resiz ...

Wed Oct 06 04:20:00 CST 2021 0 162
Angular 学习笔记 ( CDK - Layout )

简单说就是 js 的 media query. 1. BreakpointObserver ng 还包装了一个 observe 方便我们监听 view port 的变化. 此 ...

Sun Nov 12 19:00:00 CST 2017 0 1223
auto-config 学习笔记

autoconfig简介: autoconfig是阿里巴巴提供的一款开源web项目配置工具,源代码svn地址为 http://code.taobao.org/svn/webx/citrus-tool ...

Thu Jun 08 17:54:00 CST 2017 0 4229
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM