设计稿规范
遵循此规范让设计稿在研发使用 Turbo Code 转码时生成更加可用的代码
一、Titian 组件库转码
如需转码后能回显为 Titian 具体组件，需使用最新版 Titian Figma 组件库：https://www.figma.com/file/ntB32xXM2erA3tESQEfQbB/Titian-2.0%EF%BC%88%E8%B0%83%E8%AF%95%E4%B8%AD%EF%BC%89?type=design&node-id=1005%3A6613&mode=design&t=mbDW0fNPNKkd7kON-1
二、转码布局要求
需使用 Figma Auto Layout 自动布局进行设计三、约定处理方式
| 事件 | 是否支持 | 处理方法 |
|---|---|---|
| 组件转码 | 👍 支持 Titian Figma 组件库一键转 Titian 组件代码能力 ❌ 暂不支持自定义组件转码 |
|
| Svg图形 | 👍 支持 ORION 图标库库字体转码回显 ❌ 暂不支持 Titian 组件库外所有 Svg 图形转码回显 |
|
| 图片 | 👍 支持 Titian image 组件转码回显 ❌ 暂不支持普通的 img 标签（CanCode不支持img标签） |
|
| 图片背景 | 👍 支持 |
|
| 渐变背景 | 👍 支持 | 容器背景填充 Fill 为渐变色即可 |
| 多层背景 | 👍 支持 |
|
| 部分区域不转码 | 👍 支持 | 无需转码的最外层容器名称命名为【!】号即可 |
| 定位 | 👍 支持绝对定位 👍 支持固定定位 👍 支持粘性定位 |
|
Copyright © 2013-2023 www.weimob.com All Rights Reserved 上海微盟企业发展有限公司版权所有 沪ICP备14044897号-9