組件說明

指引蒙層組件：
通過id標簽，突出對應id中的模塊；
可以自定義提示詞。
點擊任意位置關閉蒙層

效果展示和使用示例

切換id之后的效果：

代碼實現

<template><view class="guide-mask" v-if="showMask" @click="hideMask"><view :style="{ top: top + 'px', left: left + 'px', width: width + 'px', height: height + 'px' }"class="transparent-hole"></view><img :style="{ left: left + width / 2.5 - arrowWidth / 2 + 'px', top: top + height + 10 + 'px' }"src="@/static/icon/guide-arrow.png" class="guide-arrow"/><view