Auto commit: 2024-06-29 16:37:35

S7245 · Jun 29, 2024 · d60f4f2 · d60f4f2
1 parent 719f1d0
commit d60f4f2
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 3 deletions.
diff --git a/a.txt b/a.txt
diff --git a/docs/mastergo/start.md b/docs/mastergo/start.md
@@ -0,0 +1,62 @@
+---
+sidebar_position: 4
+---
+
+# 开始
+
+[说明文档](https://mastergo.com/help/get-started/%E5%A6%82%E4%BD%95%E5%BC%80%E5%B1%95%E4%B8%80%E4%B8%AA%E6%96%B0%E9%A1%B9%E7%9B%AE)
+
+为组件、字体、颜色样式、特效样式等制作规范
+
+# 产品设计
+
+每个功能必须考虑的事情：
+- 权限：是否需要登录、谁用；
+
+# Master Go
+
+## 自动化布局
+
+横向布局、纵向布局
+间距
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.myqcloud.com/img/mastergo/IMG_0149.PNG)
+
+不同间距的话，就要创建多层嵌套布局；
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.tencentcos.cn/img/mastergo/IMG_0150.PNG)
+
+分布式间距:修改容器的大小，元素会在容器内平均分布，自动计算间距；
+等距离元素的响应时会用到这个功能，不如说常见的底部TabBar
+
+内部间距： 简单来说就是子级到父级的间距,无论子级有多少个都会被视为一个整体；多个数值用逗号分隔（比如上下间距不同值的时候）
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.myqcloud.com/img/mastergo/IMG_0151.PNG)
+
+更直观的可以展开边距进行设置。
+
+自动布局设置功能：
+- 描边：包含、不包含
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.myqcloud.com/img/mastergo/IMG_0154.PNG)
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.myqcloud.com/img/mastergo/IMG_0155.PNG)
+
+- 堆叠
+
+![](https://blogs7245-1256587996.cos.ap-guangzhou.myqcloud.com/img/mastergo/IMG_0152.PNG)
+
+
+分布方式：
+
+原型交互：
+- 基于容器
+
+## 间距
+
+B端：
+- 图表，多使用插件；
+
+快捷键
+
+- option+拖拽： 复制元素