uni-app学习(七)商城右侧列表分类展示

实现一个demo，右边是一个滚动列表，点击条目，右边view会相应改变。

从页面布局看，可以分为两部分，左边view和右边view。因为是滚动列表右边，所以左边来个scroll-View，右边根据自己需要定义，我这里也写了scroll-View。

<template>
	<view>
		<view class="pric">

			<scroll-view scroll-y="true" class="leftView">
				<view v-for="(item,index) in leftList" :key="index" @tap="idexActive(index)"
					>{
  {item}}</view>
			</scroll-view>
			<scroll-view scroll-y="true" class="rightView">
				<view class="item"></view>
			</scroll-view>

		</view>

	</view>
</template>

左边的列表数据：leftList: ['家居生活', '摄影设计', '健康养生', '空间设计', '户