微信小程序实现跟随菜单效果和循环嵌套加载数据实例详解

微信小程序实现跟随菜单效果和循环嵌套加载数据实例详解
本文主要为大家详细介绍了微信小程序实现跟随菜单效果和循环嵌套加载数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

本文主要为大家详细介绍了微信小程序实现跟随菜单效果和循环嵌套加载数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

效果如图：

代码如下：

wxml

//使用循环嵌套data数据格式写对即可<scroll-view class="left" scroll-y> <view wx:for="{{left}}" class="leftlist {{index==_click?&#39;yes&#39;:&#39;&#39;}}" data-i="{{index}}" bindtap="tap"> {{item.txt}} </view> </scroll-view><scroll-view class="right" scroll-y bindscroll="scroll" scroll-into-view="{{toView}}"> <view id="{{item.id}}" wx:for="{{right}}"> <view class="title"> <text class="line"></text> {{item.txt}} <text class="line"></text> </view> <view class="li" wx:for="{{item.li}}"> <image src="{{item.src}}"></image> <text class="name">{{item.name}}</text> </view> </view> </scroll-view>