[uniapp] page guidance function

insert image description here

<template>
	<view class="content">
		<!-- 盒子随便添加 -->
		<view class="head-portrait" style="width: 100rpx;height: 100rpx;background: red;margin-left: 100rpx;">
			<input type="text" value="" />
		</view>
		<view class="navList"
			style="width: 200rpx;height: 200rpx;background: red;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);">
			111
		</view>
		<view class="nav-image-2-3"
			style="width: 200rpx;height: 50rpx;background: red;position: absolute;left: 50%;top: 80%;transform: translate(-50%,-50%);">
			111
		</view>

		<!-- 新手引导组件,引入新手引导组件-->
		<guide></guide>
	</view>
</template>

Just import the component directly on the page that needs to be guided.
Component download link

Guess you like

Origin blog.csdn.net/weixin_48772762/article/details/129024974