cqcarbonwxapp/components/custom-nodata/custom-nodata.vue

<template>
	<view class="nodata">
		<!-- <image src="../../static/images/order.png" class="orderIcon"></image> -->
		<text class="notice">{{notice}}</text>
		<!-- <text class="cp">贵州省单株碳汇精准扶贫平台</text> -->
	</view>
</template>

<script>
	export default{
		name:'custom-nodata',
		props:{
			notice:{
				type:String,
				default:'暂无数据'
			}
		},
		data(){
			return {
				ntxt:''
			}
		},
		watch:{
			notice(n,o){
				this.ntxt = n;
			}
		}
	}
</script>

<style>
	.nodata{
		width:560rpx;
		margin:0 auto;
		padding:250rpx 0;
		text-align:center;
	}
	.nodata .orderIcon{
		width:374rpx;
		height:288rpx;
		margin:20rpx 0 0rpx 0;
	}
	.nodata text{
		display:block;
	}
	.nodata .notice{
		margin-bottom:15rpx;
		font-size:36rpx;
		font-weight:400;
		color:rgba(51,51,51,1);
	}
	.nodata .cp{
		font-size:26rpx;
		font-weight:400;
		color:rgba(153,153,153,1);
	}
</style>