更新记录

1.0.0（2024-03-04） 下载此版本

1.0.0（2024-03-04） 版本发布

平台兼容性

插件使用方法：

<zyk-tour ref="guide" :guideData="guideData"></zyk-tour>

配置参数：

事件：

插槽：

说明：

此插件依赖less，请务必安装！！！

示例：

<template>
    <view @click.stop="click">
        <zyk-tour ref="zykTour" :guideData="guideData" @nextClick="nextClick"></zyk-tour>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                // 指引流程数据
                guideData: [
                    {
                        boxWidth: '45px',
                        boxHeight: '45px',
                        boxTop: '44px',
                        boxLeft: '61px',
                        textTop: '100px',
                        textLeft: '44px',
                        text: '不知道问些什么？点红框处图标找点灵感吧',
                        nextText: '下一步',
                        // slotName: 'logo',
                        showGuideBox: true
                    },
                    {
                        boxWidth: '134px',
                        boxHeight: '45px',
                        boxTop: '44px',
                        boxLeft: '105px',
                        textTop: '100px',
                        textLeft: '84px',
                        text: '点我可以切换不同的大模型',
                        nextText: '下一步',
                        // slotName: 'logo2',
                        showGuideBox: true
                    },
                    {
                        boxWidth: '300px',
                        boxHeight: '110px',
                        boxTop: '665px',
                        boxLeft: '25px',
                        textTop: '575px',
                        textLeft: '140px',
                        text: '在此输入内容与我互动吧',
                        nextText: '好的',
                        // slotName: 'logo2',
                        showGuideBox: true
                    }
                ]
            }
        },
        methods: {
            nextClick(obj) {
                let item = obj.item
                let index = obj.index
            },
        },
        mounted() {
            this.$refs.zykTour.open()
        }
    }
</script>