组件
<template>
<view class="root" :style="{ minHeight: minHeight + 'rpx' }">
<slot v-if="!empty"></slot>
<view v-else class="empty">
<image src="@/static/images/empty.png" mode="widthFix"></image>
<text v-if="text!='' && text != null">{{text}}</text>
</view>
</view>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
name:'empty',
props:{
empty:{
type: Boolean,
default: false,
},
text:{
type:String,
default: ''
},
minHeight:{
type:Number,
default:100
}
},
watch:{
empty:{
handler(v){
console.log(`empty state :${v}`);
},
immediate:true,
}
}
})
</script>
使用
<empty :empty="news.length < 1">
<navigator v-for="item in news">...</navigator>
</emtpy>
0 个回复