请大牛们帮忙研究一下

<view class="cates">

<searchinput></searchinput>

<view class="cates_container">

<!--左侧菜单栏-->

<scroll-view scroll-y="true" class="left_menu">

<view class="menu_item {{curNav===item.catId?'active':''}}"

wx:for="{{zongcatList}}"

wx:key="*this"

bindtap="handleItemTap"

data-index="{{index}}"

data-id="{{item.catId}}"

>

{{item.catName}}

</view>

</scroll-view>

<!--右侧商品内容-->

<scroll-view scroll-y="true" class="right_content">

<view class="goods_group"

wx:for="{{zongcatList[curindex].rcatlist}}"

wx:for-item="item1"

wx:key="index"

>

<view class="goods_title">

<text class="title_name">{{item1.catName}}</text>

</view>

<view class="goods_list">

<navigator

wx:for="{{item1.catList}}"

wx:for-item="item2"

wx:key="catId"

>

<image mode="widthFix" src="{{item2.catUrl}}"></image>

</navigator>

</view>

</view>

</scroll-view>

</view>

</view>

page {

height: 100%;

}

.cates {

height: 100%;

}

.cates_container {

height: clac(100vh - 180rpx);

display: flex;

}

.left_menu {

flex: 2;

}

.menu_item {

height: 80rpx;

display: flex;

justify-content: center;

align-items: center;

font-size: 30rpx;

}

.active{

color: var(--themeColor);

border-left: 5rpx solid currentColor;

background: #F8F8FF;

}

.right_content {

flex: 5;

background: #F8F8FF;

}

.goods_title {

height: 80rpx;

display: flex;

justify-content: center;

padding: 20rpx 0rpx;

}

.title_name{

color:#12f334;

font-size: 12px;

}

.goods_list {

display: flex;

flex-wrap: wrap;

}

.goods_list navigator {

width: 33.33%;

text-align: center;

}

.goods_list navigator image {

width: 50%;

}