uniapp 实现可以左右滑动页面+导航栏

最新推荐文章于 2024-08-05 21:09:49 发布

Mr.冬冬

最新推荐文章于 2024-08-05 21:09:49 发布

阅读量9.9k

点赞数

分类专栏： HTML5 JavaScript uniapp

本文链接：https://blog.csdn.net/weixin_42307129/article/details/103306219

版权

本文详细介绍了如何在uniApp中实现页面可左右滑动以及配合导航栏的操作，通过实例代码和步骤解析，帮助开发者掌握这一功能的实现技巧。

摘要由CSDN通过智能技术生成

<template>
	<view>
		<home-view></home-view>
		<view class="content-box" :id="isScale?'content-box-too':''">
			<view class="nav-head-box top-nav-fixed">
				<image @click="isScale=!isScale" class="icon-style" src="/static/iconImg/list.png" mode=""></image>
				<view style="height: 100%;" class="ft-color-white ft-36 flex-1 flex-wrap align-items-center justify-content-center">
					PIQSCORE
				</view>
				<text style="margin-right: 16upx;" class="iconfont icon-UI_icon_shebeisheshi ft-44 ft-color-red"></text>
				<text style="right: 30upx;bottom: 14upx;" class="iconfont icon-UI_icon_shebeisheshi ft-color-red ft-32  position-absolute"></text>
			</view>
			<view class&#