很简单的一个功能,用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就可以了