微信小程序商品分类页过程结束，如何用长尾词提问？

本文共计1114个文字，预计阅读时间需要5分钟。

首先，我们来分析UI小妹发展出的产品原型图：微信小程序商品分类页面需要实现以下功能：

1. 单击左侧的商品类别，右侧实现联动跳转到对应商品类别标签；

2.滑动屏幕右侧的商品列表，右侧跳转到对应的商品类别。

首先我们来分析下UI小妹发来的产品原型图：

微信小程序商品分类页需要实现

1.单击左边的商品类目，右侧实现联动跳转到对应商品类目标题；

2.触屏拖动右侧商品列表，右侧跳转到对应商品类目；

2.分析需求我们可以把屏幕分为以下部分，主要使用到viewscroll-view，代码结构和分解图如下：

<view> <!--搜索框--> <view></view> <!--商品类别.商品列表--> <view> <!--left--> <scroll-view></scroll-view> <!--right--> <scroll-view></scroll-view> </view> </view>

3.搜索view比较简单，在这里就不在阐述，主要实现商品类别和商品列表的交互。

scroll-view使用到的属性

scroll-y：允许纵向滚动（需要设置高度）。

scroll-with-animation：在设置滚动条位置时使用动画过渡。