<template>
	<view class="flex column boxshadow rad32 but mac ofh" :style="{background:bg}">
		<view class="imgBox">
			<u--image :src="imgSrc" width="128rpx" height="128rpx"></u--image>
		</view>
		<view class="tc w100 fb butBt fci fz44 l-h-12">{{butBt}}</view>
		<view class="tc w100 butSt fci fz32">{{butSt}}</view>
	</view>
</template>

<script>
	export default {
		name: "mainBut",
		data() {
			return {

			};
		},
		props: {
			bg: {
				type: String,
				default: '',
				required: true,
				deep: true
			},
			imgSrc: {
				type: String,
				default: '',
				required: true,
				deep: true
			},
			butBt: {
				type: String,
				default: '',
				required: true,
				deep: true
			},
			butSt: {
				type: String,
				default: '',
				required: true,
				deep: true
			},
		},
	}
</script>

<style lang="scss">
	.but {
		width: 339rpx;
		height: 339rpx;
	}

	.imgBox {
		width: 128rpx;
		height: 128rpx;
		margin-top: 24rpx;
	}

	.butBt {
		height: 48rpx;
	}

	.butSt {
		height: 40rpx;
	}
</style>