Coach Mark 新手指引
滑动型输入器，展示当前值和可选范围
构成
Titletitletitle
This is a paragraph of text description.
1/3
2
1
5
4
6
3
1: 标题
可选
2: 容器
用于承载指引内容
3: 关闭按钮
可选
4: 正文
必有，用于描述内容的文字
5: 步骤
可选
6: 按钮区域
必有，指引的下一步引导
类型
Titletitletitle
This is a paragraph of text description.
Done
Titletitletitle
This is a paragraph of text description.
View More
Done
This is a paragraph of text description.
Done
Titletitletitle
This is a paragraph of text description.
1/3
Titletitletitle
This is a paragraph of text description.
2/3
Titletitletitle
This is a paragraph of text description.
3/3
Done
无步骤-基础
有步骤-开始步骤
有步骤-中间步骤
有步骤-结束步骤
无步骤-带标题
无步骤-带跳转按钮
使用场景
Titletitletitle
This is a paragraph of text description.
Done
布局适配
Titletitletitle
Under the H5 page, when the screen width is less than the coach mark, it is suitable for 80% of the screen width.
Done
H5 页面适配
在 h5 页面，新手指引的最大宽度适配为屏幕宽度的 80%，指向目标区域的箭头可以设置为元素居中。
交互
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.sed do eiusmod tempor incididunt ut.sed do
Done
Titletitletitle
This is a paragraph of text description.
1/3
Titletitletitle
This is a paragraph of text description.
1/3
Titletitletitle
This is a paragraph of text description.
1/3
无步骤
有步骤
点击后结束指引
无步骤
当只需要单个指引时，点击行动按钮即可结束指引
有步骤
当需要多个指引时，第一步只显示一个【下一步】行动按钮，中间步骤显示【下一步】和【上一步】按钮，最后一步显示【上一步】和【结束】按钮，期间用户也可点击右上方的关闭按钮结束指引。
标注
Titletitletitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
3/3
done
8
16
16
16
16
16
12
8
多语言适配
TitletitletitleTitletitletitleTitletitletitleTitletitletitleTitletitletitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
1/3
View More
标题
当内容超长时末尾...截断。
正文
正文最多允许五行，若有大量文字/内容需要展示建议精简文案后设置跳转按钮，利用弹窗/页面展示更多内容。
容器
容器最大宽度限制为 420px，高度自适应文字。
RTL
Titletitletitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
1/3
LTR
عنوان العنوان
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
3/1
RTL
用法
Titletitletitle
This is a paragraph of text description.
1/3
正确
Titletitletitle
This is a paragraph of text description.
1/3
错误
务必使用正确的颜色，指引的颜色不可自定义。
Modal Title
❖
Replace me
Secondary
Primary
正确
Titletitletitle
This is a paragraph of text description.
1/3
慎用
指引空间有限不建议图文介绍，当内容需要图片和大量文字描述时，建议使用居中弹窗。