houseworking/miniapp/app/pages/classify/index.wxml

<view class="page">
    <scroll-view scroll-y scroll-with-animation="true" scroll-into-view="{{toView}}">
        <view class="page-bd">
            <view class="classify blue">
                <view class="hd">
                    <text class="dot">●</text>家政</view>
                <view class="bd">
                    <view class="item">
                        <view class="inner">
                            <view class="text">月嫂</view>
                            <view class="sub-text">月嫂</view>
                            <image class="icon-arr" src="/img/arr1.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">育婴师</view>
                            <view class="sub-text">育婴师</view>
                            <image class="icon-arr" src="/img/arr1.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">病人护理</view>
                            <view class="sub-text">病人护理</view>
                            <image class="icon-arr" src="/img/arr1.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">老人看护</view>
                            <view class="sub-text">老人看护</view>
                            <image class="icon-arr" src="/img/arr1.png"></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class="classify green" id="zhongdian">
                <view class="hd">
                    <text class="dot">●</text>钟点/家庭保洁服务</view>
                <view class="bd">
                    <view class="item">
                        <view class="inner">
                            <view class="text">空调清洗</view>
                            <view class="sub-text">空调清洗</view>
                            <image class="icon-arr" src="/img/arr2.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">冰箱清洁</view>
                            <view class="sub-text">冰箱清洁</view>
                            <image class="icon-arr" src="/img/arr2.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">抽油烟机清洗</view>
                            <view class="sub-text">抽油烟机清洗</view>
                            <image class="icon-arr" src="/img/arr2.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">家庭除螨</view>
                            <view class="sub-text">家庭除螨</view>
                            <image class="icon-arr" src="/img/arr2.png"></image>
                        </view>
                    </view>
                    <view class="item">
                        <view class="inner">
                            <view class="text">开荒清洁</view>
                            <view class="sub-text">开荒清洁</view>
                            <image class="icon-arr" src="/img/arr2.png"></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class="classify pink">
                <view class="hd">
                    <text class="dot">●</text>母婴产品</view>
                <view class="bd">
                    <view class="item">
                        <view class="inner">
                            <view class="text">母婴产品</view>
                            <view class="sub-text">母婴产品</view>
                            <image class="icon-arr" src="/img/arr3.png"></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class="classify orange">
                <view class="hd">
                    <text class="dot">●</text>催乳及产后康复</view>
                <view class="bd">
                    <view class="item">
                        <view class="inner">
                            <view class="text">催乳及产后康复</view>
                            <view class="sub-text">催乳及产后康复</view>
                            <image class="icon-arr" src="/img/arr4.png"></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class="classify purple">
                <view class="hd">
                    <text class="dot">●</text>月子及育婴知识咨询</view>
                <view class="bd">
                    <view class="item">
                        <view class="inner">
                            <view class="text">月子及育婴知识咨询</view>
                            <view class="sub-text">月子及育婴咨询</view>
                            <image class="icon-arr" src="/img/arr5.png"></image>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </scroll-view>
</view>