<template>
	<view>
		<u-modal :show=showModal :showConfirmButton="false" >
			<image src='https://img.agrimedia.cn/rechareImg.png'></image>
			<text @click="know" class="knowSty">我知道了</text>
     </u-modal> 
	</view>
</template>

<script>
	
	export default {
		name:"rechareModal",
		data() {
			return {
				 
			}
		},
		props:{
			showModal:{
				type:Boolean, 
			},
		 
		},
		data() {
			return {
				
			};
		},
		methods:{
			know(e){
				this.$emit('knowClick',e)
			}
		}
	}
</script>

<style scoped lang="scss">
/deep/ .u-modal__content{
  flex-direction: column;
  image{
	width: 100%;
	height: 540rpx
  }
  .knowSty{
	width: 272rpx;
height: 88rpx;
line-height: 88rpx;
background: linear-gradient(180deg, #FFAF00 0%, #FF7700 100%);
border-radius: 44rpx;
font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
position: absolute;
bottom: 60rpx;
left: 50%;
transform: translateX(-50%);
text-align: center;
  }
}
</style>
