uniapp(vue)实现点击左侧菜单，右侧显示对应的内容
class="container">
class="fication-search">
"text" value="" placeholder="请输入您要搜索的内容"/>class="search-icon" src="../../static/images/search.png" mode="">
class="scroll-panel" id="scroll-panel">
class="list-box">
class="left">
"true" :style="{ height: scrollHeight + 'px' }" :scroll-into-view="leftIntoView">
<view
class="item"
v-for="(item, index) in leftArray"
:key="index"
:class="{ active: index == leftIndex }"
:id="'left-' + index"
:data-index="index"
@tap="leftTap"
>
class="activelink">
class="item-name">{{ item }}
class="main">
"true" :style="{ height: scrollHeight + 'px' }" @scroll="mainScroll" :scroll-into-view="scrollInto" scroll-with-animation="true">
class="item main-item" v-for="(item, index) in mainArray" :key="index" :id="'item-' + index">
class="title">
{{ item.title }}
class="goods" v-for="(item2, index2) in item.list" :key="index2">
class="orderlist-list">
class="list-left">
"../../static/images/store_bg.png" mode="">
class="list-right">
class="list-name">香辣火锅
class="list-ping">
"count" active-color="#FFB800" inactive-color="#E0E0E0" size='32' v-model="value">
{{4.8}}分
class="list-meuns">销量{{99}}+ 配送费￥{{3}} 距离{{1.2}}km
class="fill-last" :style="{ height: fillHeight + 'px' }">