|  |  |  | 
|---|
|  |  |  | <view class="container" v-for="(item,i) in tree" :key="i"> | 
|---|
|  |  |  | <view :class="item.key"> | 
|---|
|  |  |  | <view class="title"  > | 
|---|
|  |  |  | <view @click="chose(item)" style="width: 50%;">{{item.title}}</view> | 
|---|
|  |  |  | <view  style="width: 50%;">{{item.title}}</view> | 
|---|
|  |  |  | <view @click="switchbtn(item)"> | 
|---|
|  |  |  | <uni-icons type="top" v-show="item.switch"></uni-icons> | 
|---|
|  |  |  | <uni-icons type="bottom" v-show="!item.switch"></uni-icons> | 
|---|
|  |  |  | 
|---|
|  |  |  | <view>{{item.title}}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view class="sub1" v-for="sub in item.children" style="margin-left: 1em;" v-show="item.switch"> | 
|---|
|  |  |  | <view :class="sub.key" class="title sub-title"  @click="switchbtn(sub)"> | 
|---|
|  |  |  | <view>{{sub.title}}</view> | 
|---|
|  |  |  | <view> | 
|---|
|  |  |  | <view :class="sub.key" class="title sub-title"  > | 
|---|
|  |  |  | <view  @click="chose(sub)">{{sub.title}}</view> | 
|---|
|  |  |  | <view @click="switchbtn(sub)"> | 
|---|
|  |  |  | <uni-icons type="top" v-show="sub.switch"></uni-icons> | 
|---|
|  |  |  | <uni-icons type="bottom" v-show="!sub.switch"></uni-icons> | 
|---|
|  |  |  | </view> | 
|---|