15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 CSS

uinapp内容展开收起

王鹤翔| 发布于 2021-09-07 00:41:22| 794阅读| 1点赞| 0评论
举报

内容太多用按钮控制展开收起



这个其实是给他外部的盒子一开始给一个固定的高度,比如让他露出两个,两个的高度是200px,

然后   :class="{'xiala2' : height!=item.title }"    这个意思是如果height的值不等于item.title时给标签添加xiala2这个类名

接口返回的数据


<view class="" v-if="qwe==1" v-for="(item,index) in people_list" :key='index'>
				<view class="">
					<view class="pro_name">
						{{item.title}}
					</view><br/><view class="xiala1" :class="{'xiala2' : height!=item.title }">
	<view class="por_card" v-for="(item1,index1) in people_list[index].list" :key='index1'> ///index是哪个数组的唯一标识
	<view class="card">
    <view class="card_img">
       <image :src="item1.faceUrl" mode=""></image>
	<view class="img_text2" v-if="item1.result==2">
	已被拒绝
	</view>
	<view class="img_text3" v-if="item1.result==3">
	失效停用
	</view>
	<view class="img_text0" v-if="item1.result==0">
	等待审批
	</view>
	</view>
	<view class="card_title">
		<view class="name">
		单位:{{item1.<a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>tName}}
		</view>
		<view class="because" v-if="item1.result==2">
		照片不符合要求,请重新申请
		</view>
		<view class="" v-if="item1.result==2">
		<view class="car_but" @click="SetRX(item1)">
		申请
		</view>
		<view class="car_but1">
		删除
		</view>
		</view>
		<view class="tongyi" v-if="item1.result==1">
		<view class="car_but" @click="SetRX(item1)">
		更改
		</view>
		<view class="car_but1">
		删除
		</view>
	</view>				
	</view>
	</view>
	</view>
	</view>		<!--  -->这个判断不能直接让他等于多少,根据item.title这个和遍历出来的每个都不一样这样的话,点击事件将值赋过去,就能事件的那个就是那个的图标展开
				<view class="xiala" v-if="height!=item.title" @click="xiala(item.title)">
					<image src="../../static/but.png" mode=""></image>
				</view>
				<view class="xiala" v-if="height==item.title" @click="xiala(item.title)">
					<image src="../../static/but1121.png" mode=""></image>
				</view>
			</view>				



1

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王鹤翔
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部