GEKE_PHONE/components/xiaolu-tree/tree.vue

<template>
	<view>
		<view class="header">
			<search v-if="searchIf" ref="sea" @confirm="confirmSearch" />
			<view class="title">
				<scroll-view scroll-x style="width: 100%;white-space: nowrap;" :scroll-left="scrollLeft">
					<view v-for="(item,index) in tree_stack" class="inline-item" :key="index">
						<view class="inline-item" v-if="index==0" @click="backTree(item,-1)">
							<text :class="[(index==tree_stack.length-1&&!isre)?'none':'active']">{{orgText}}</text>
						</view>
						<view class="inline-item" @click="backTree(item,index)" v-if="index!=0">
							<i class="iconfont icon-z043 iconclass" />
							<text :class="index==tree_stack.length-1?'none inline-ite':'active'">
								{{item[props.label]}}
							</text>
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
		<view>
			<view class="container-list">
				<view class="common cu-item arrow animation-slide-bottom" :style="[{animationDelay: '0.1s'}]" v-for="(item, index) in tree"  :key="index">
					<label class="content" @click="handleClick(item,index)">
					
						<image  :src="getImg(item)" class="imgs"></image>
						<view class="lable-text">{{item[props.label]}}</view>
						<view class="right" ><i v-if="item.children.length>0" class="iconfont icon-z043 iconclass" ></i></view>
					</label>
				</view>
				
			</view>
		</view>
		<!-- <view class="btn box_sizing">
			<button class="sureBtn" type="primary" @click="backConfirm">确认</button>
		</view> -->
	</view>
</template>

<script src="./code.js" type="text/javascript"></script>
<style lang="scss" scoped>
	@import './css/style.scss';
	@import url("./css/icon.css");
	.imgs{
		width: 40px;
		height: 40px;
		border-radius:5px 5px 5px 5px; 
		margin-left: 1%;
		
	}
</style>