scroll-view 实现滑动分类

功能介绍

页面左侧显示分类数据，右侧显示每个分类对应的文章列表，点击分类名称，对应右侧文章内容切换显示。点击文章列表跳转到文章详情。最终页面效果如图：

接口说明

• 所有分类接口：http://localhost:3000/categories
• 每个分类对应的文章列表接口：http://localhost:3000/categories/id

组件准备

在 pages/cate/cate.vue 中

<template>
    <view id="wrapper">
        <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 class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view>
                <view class="left-scroll-view-item">xxx</view