yizhizan-h5/components/nomore.vue

<template>
	<view class="page-box">
		<view class="centre">
			<image :class="size" src="../static/images/nomore.svg" mode="widthFix"></image>
			<view class="tips">
				{{content}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			content: {
				type: String,
				default: '因你看见，才有底线'
			},
			size:{
				type: String,
				default: 'medium'
			},
			isShow:{
				type:Boolean,
				default:true
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-box {
		position: relative;
		left: 0;
		// height: 50vh;
		
	}

	.centre {
		padding: 80rpx 0;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-around;
		align-items: center;
		image {
			// width: 387rpx;
			// height: 341rpx;
			display: block;
			width:200rpx;
			height: auto;
			// margin-bottom: 20rpx;
			// border: 1px dotted #000000;
		}
		.large{
			width:200rpx;
			height: auto;
		}
		.medium{
			width:100rpx;
			height: auto;
		}
		.mini{
			width:50rpx;
			height: auto;
		}

		.tips {
			margin-top: 30rpx;
			color: rgba(200, 201, 204, 1);
			font-family: DM Sans;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 20px;
			letter-spacing: 0px;
			text-align: center;
		}

		.btn {
			margin: 80rpx auto;
			width: 600rpx;
			border-radius: 32rpx;
			line-height: 90rpx;
			color: #ffffff;
			font-size: 34rpx;
			background: #5074FF;
		}
	}
</style>