uni-app中实现左侧导航栏效果

最新推荐文章于 2025-05-27 10:44:15 发布

weixin_30411997

最新推荐文章于 2025-05-27 10:44:15 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

文章标签：人工智能 ui javascript ViewUI

原文链接：http://www.cnblogs.com/renxiao1218/p/10999365.html

本文介绍了如何在 uni-app 中创建一个实现左侧导航栏功能的应用，通过HTML和JavaScript代码展示了一个点击左侧导航，右侧显示对应内容的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML：

 1  <view class="list">
 2       <!-- 一级 -->
 3       <scroll-view class="list-left" scroll-y :style="'height:'+height+'px'">
 4             <view v-if="dataList.length>0" class="list-nav" @click="categoryClickMain(item.id,index)" :key="item.id" :class="index==categoryActive?'active':''" 
 5              v-for="(it