微信小程序教程011-4：京西购物商城实战之分类页实现

文章目录

• 4、分类
• • 4.0 创建cate分支
  • 4.1 渲染分类页面的基本结构
  • 4.2 获取分类数据
  • 4.3 动态渲染左侧的一级分类列表
  • 4.4 动态渲染右侧的二级分类列表
  • 4.5 动态渲染右侧的三级分类列表
  • 4.6 切换一级分类后重置滚动条的位置
  • 4.7 点击三级分类跳转到商品列表页面
  • 4.8 分支的合并与提交

4、分类

4.0 创建cate分支

运行如下的命令，基于 master 分支在本地创建 cate 子分支，用来开发分类页面相关的功能：

git checkout -b cate

4.1 渲染分类页面的基本结构

1、定义页面结构如下：

<template>
	<view>    
		<view class="scroll-view-container">      
			<!-- 左侧的滚动视图区域 -->      
			<scroll-view class="left-scroll-view" scroll-y :style="{height: wh + 'px'}">        
				<view class="left-scroll-view-item active">xxx</view>        
				<view class="left-scroll-view-item">xxx</view>        
				<view cl