<template>
	<view class="h-no-recode">
		<view class="lz-cc lz-mg-all--xl" v-if="if_show">
			<view class="no-recode-content">
				<img :src="static_media.noRecord"/>
				<view style="font-size:15px;">暂无内容</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "no-recode",
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
        	if_show:this.show,
      }
		},
		computed:{
			static_media () {
			  return {
			    noRecord: this.$lib.$config.web + '/static/img/kong.png'
			  }
			},
		},
    watch: {
      	show(newValue, oldValue) {
      		this.if_show = newValue;
      	}
    },

	}
</script>
<style>
	.no-recode-content{
		width: 100%;
		text-align: center;
		color: #9f9f9f;
	}
	.lz-cc{top: 28%;}
</style>