lanyun-guide
lanyun-guide 引导图
介绍
用于首次下载或者是版本更新后启动应用时的导航页。
使用方法
import "../../components/lanyun-guide/lanyun-guide.stml";
例子
<lanyun-guide
@change="handleChange"
@click="handleHide"
:show="show"
:list="list"
image-style={ { width: '80%' } }
text-style={ { color: '#06f' } }
button-style={ { backgroundColor: '#06f', color: '#fff' } }
/>
props 属性
参数 |
说明 |
类型 |
默认值 |
show |
是否显示引导图, 选填 |
boolean |
false |
list |
引导页数据, 具体格式见demo, 选填 |
array |
[] |
indicator-dots |
是否显示面板指示点, 选填 |
boolean |
true |
indicator-active-color |
当前选中的指示点颜色, 选填 |
string |
#000000 |
image-style |
图片样式, 选填 |
object |
{} |
text-style |
文字样式, 选填 |
object |
{} |
button-style |
最后一页按钮样式, 选填 |
object |
{} |
events 事件
事件名 |
说明 |
回调参数 |
change |
滑动页面后触发 |
current : list 数组下标索引值 |
click |
点击按钮后触发 |
current : list 数组下标索引值 |