<template>
	<view class="no-order-view" :style="customStyle">
		<image class="no-order-image" :src="wudingdanImage"></image>
		<text>{{text}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			customStyle: {
				type: String|null,
				default: 'background-color: #FFFFFF'
			},
			imageName: { // 图片
				type: String,
				default: 'wudingdan.png'
			},
			text: { // 提示文字
				type: String,
				default: '当前暂无订单'
			}
		},
		computed: {
			wudingdanImage() {
				return process.uniEnv.qn_base_url + this.imageName
			}
		}
	}
</script>

<style lang="scss" scoped>
	.no-order-view {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #666666;
		font-size: 28rpx;
		padding: 30rpx;
		border-radius: 12rpx;
		min-height: 460rpx;

		.no-order-image {
			width: 374rpx;
			height: 218rpx;
			margin-top: 30rpx;
			margin-bottom: 20rpx;
		}
	}
</style>
