自己动手开始做一个点餐系统试试手,想要实现点击左边分类,右边进行模块跳转的功能.一开始摸索了很久,看不懂官方文档关于scroll-into-view这一属性的定义.后动手实操+百度终于搞懂,下面附上代码
wxml:
<scroll-view class="scroll" scroll-y>
<view wx:for="{
{ left }}" bindtap="scroll" data-id="{
{index}}">{
{ item }}</view>
</scroll-view>
<scroll-view class="content" scroll-y scroll-into-view="{
{ intoindex }}" scroll-with-animation>
<view wx:for="{
{ content }}" id='content{
{index}}'>{
{ item }}</view>
</scroll-view>
js:
data: {
left: ['推荐', '甜汤', '促肉', '包类'],
content: {
0: ['薏米', '花生浆'],
1: ['薏米', '黑米', '八宝粥', '花生浆'],
2: ['薏米促肉', '粿条促肉','面促肉'],