c-no-data.vue 1.1 KB
<template>
	<view class="c-no-data" :style="[wrapStyle]" >
		<view class="image">
			<u-image :src="vuex_baseImgUrl && `${vuex_baseImgUrl}nodata.png`" width="260rpx" height="200rpx" :show-loading="false" :show-error="false"></u-image>
		</view>
		<view class="title">{{ title }}</view>
	</view>
</template>

<script>
	export default {
		name: 'c-no-data',
		props: {
			src: {
				type: String,
				default: ''
			},
			// 标题
			title: {
				type: String,
				default: '暂无数据'
			},
			paddingTop: {
				type: String,
				default: "180rpx"
			},
		},
		data() {
			return {
				// vuex_baseImgUrl: this.vuex_baseImgUrl
			};
		},
		watch: {

		},
		computed: {
			wrapStyle() {
				let style = {};  
				style.paddingTop = this.paddingTop
				return style;
			},
		},
		methods: {


		}
	};
</script>

<style scoped lang="scss">
	.c-no-data {
		width: 100%;

		.image {
			width: 260rpx;
			margin: 0 auto;
		}

		.title {
			margin: 48rpx 0 0 0;
			text-align: center;
			font-size: 28rpx;
			line-height: 40rpx;
			color: #000000;
		}
	}
</style>