uview搜索内容为空页面

很简单的一个功能,用uview实现,当数据库内容为空时直接展示一个空白页面显得会很难看。

于是用了这个功能  这样就顺眼了

 是用uniapp加uview库做的

<u-empty
        mode="car"
        icon="http://cdn.uviewui.com/uview/empty/car.png"
>
</u-empty>

代码就这么简单

	<template v-if="empty==0">
		<u-empty
				textSize='40'
		        mode="search"
				iconSize='150'
				width='400'
				height="400"
				marginTop='50'
		        icon="http://cdn.uviewui.com/uview/empty/search.png"
		>
		</u-empty>
	</template>

这是我自己用的代码。再data里创建一个empty的数据为0,然后给数据库发请求时判断获取数据的length,如果大于0就给他改成1  在数据列表最外层加个template 标签-v-if empty=1就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值