小程序点击左侧选项显示右侧内容

最新推荐文章于 2024-06-13 14:31:07 发布

泽村龙

最新推荐文章于 2024-06-13 14:31:07 发布

阅读量1k

点赞数

分类专栏：小程序文章标签： php

本文链接：https://blog.csdn.net/y_001010/article/details/119939832

版权

本文介绍如何在小程序中实现点击左侧导航项，动态显示对应的右侧内容。涉及wxml结构设计、wxss样式调整及js逻辑处理，通过实例讲解如何查询并展示相关内容。

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

wxml

<view class="content">
        <!-- 左侧选择 -->
      <view class='left'>
        <view wx:for="{
  {date}}" wx:key=""  catchtap='clickList' class="{
  {flag==item.id?'select':'normal'}}" id='{
  {item.id}}' bindtap='switchNav'>
        {
  {item.brand}}
        </view>
      </view>
      <!-- 右侧选择 -->
      <view class='right'>
        <view class='category'>
          <swiper   wx:for="{
  {content}}">
            <swiper-item  catchtouchmove="stopTouchMove">
              <view class='category-view'

最低0.47元/天解锁文章

泽村龙

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
小程序点击左侧选项显示右侧内容

wxml<view class="content">  <view class='left'> <view wx:for="{{date}}" wx:key="" catchtap='clickList' class="{{flag==item.id?'select':'normal'}}" id='{{item.id}}' bindtap='switchNav'>...
复制链接

扫一扫