<template>
	<view class="empty-bar">
		<image mode="aspectFit" :style="{width:iconSize+'px',height:iconSize+'px'}" :src="src"></image>
		<view>{{text}}</view>
	</view>
</template>

<script>
	export default {
		name: "sklineTemp",
		props: {
			src: {
				type: String,
				default: '/static/nodata.png'
			},
			text: {
				type: String,
				default: '暂无数据'
			},
			iconSize: {
				type: Number,
				default: 100
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.empty-bar{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
		image{
			width: 100px;
			height: 100px;
		}
		view{
			font-size: 14px;
			color: #999999;
			margin-top: 10px;
		}
	}
</style>