更新记录

1.2.4（2026-01-04） 下载此版本

1. 修复微信小程序中dom定位失败问题
2. 修复支付宝小程序中dom定位失败及计算问题
3. 修复兼容性问题

1.2.3（2024-12-12） 下载此版本

1. 修复在需引导的元素的盒模型大小，左右位置时表现不一致问题

1.2.2（2024-12-09） 下载此版本

1、修复12pm、13pm、14pm、15pm机型中发现的兼容问题 2、修复tips在屏幕右侧时超出内容超出屏幕问题

平台兼容性

uni-app(4.0)

其他

插件使用说明

<template>
    <view>
        ...
        <novice-guidance :step="step"></novice-guidance>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                step: {
                    name: 'workbenchSet3',
                    guideList: [{
                        el: '.drag',
                        tips: '这里是常用的应用，长按并拖动应用可调整位置哦~',
                        next: '下一步',
                    }, {
                        el: '.guida',
                        tips: '点击应用的右上角“+”可以添加到常用中',
                        next: '下一步',
                    }, {
                        el: '.icon-jian',
                        tips: '点击应用的右上角“-”可以从常用中移除',
                        next: '完成',
                    }]
                }
            }
        },
    }
</script>

特别说明

如果跨组件使用，则~

vue结构例如：

父页面：
<tempview ref="tempbox"></tempview>
<novice-guidance :step="step"></novice-guidance>

需要定位tempview组件中的tempview元素，如：

tempview组件：
<view class="box">
<text>我是组件</text>
<view class="tempview">操作步骤</view>
</view>

首先要给需要跨越的组件tempview加上一个ref，例如ref="tempbox" 这样在传入step时，只需加上ref参数即可

传入的step的结构：
step: {
name: 'stepSet',
guideList: [{...}, {...}, {
el: '.tempview',
tips: '这里引用的子组件~',
next: '下一步',
ref: 'tempbox'
},{...}]
},

如此便可