【uniapp】页面引导功能

在这里插入图片描述

<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>

直接在需要加引导的页面引入组件即可
组件下载链接

猜你喜欢

转载自blog.csdn.net/weixin_48772762/article/details/129024974