分类页面

第一步，引入wepy框架和公共的搜索功能

import wepy from 'wepy'
  import Search from "../common/search"  //记得挖坑

第二，布局左侧和右侧，左侧和右侧在内容区域里面，这时需要先给内容区域添加样式。

.content{
    position: absolute;
    width: 750rpx;  //小程序默认的宽度
    top:98rpx;   //顶部的距离
    bottom:0;  //因为底部导航是小程序特有的所以没有高度
    display: flex;    //给左侧固定宽度，右侧占1份。
}

第三，创建一个data，里面左侧的放入假数据

 data={
      menus:["热门推荐","热门推荐","热门推荐","热门推荐","热门推荐","热门推荐","热门推荐","热门推荐","热门推荐","热门推荐",]
    }

第四，左侧循环数组，给添加相应的样式

overflow-y:auto;  //加滚动条

方法2：微信小程序的文档里有一个组件scroll-view可以添加滚动条

        
          {{item}}
        
      

第五，点击左侧根据不同的点击右侧显示不同的内容
（在wepy框架中搜索@tap有一个方法）

@tap='handlechange({{index}})

 methods={
      handlechange:function(index) {
        console.log(index)
        this.currentMenu=index;
      }
    }

记得在data里

currentMenu=0

然后判断特殊

---

右侧
布局