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数组下标索引值