<template>
	<view class="themes-c-img" :class="[top? 'top' : 'top-z',navHeight > 60 ? 'top-m': '']">
		<image class="kn-img" src="https://img0.baidu.com/it/u=617696644,3314521124&fm=253&fmt=auto&app=138&f=JPEG?w=625&h=500" mode="widthFix"></image>
	</view>
</template>

<script>
	export default{
		props:{
			top: {
				type: Boolean,
				default: false
			},
			navHeight: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {

			}
		},
		mounted() {
	
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.themes-c-img {
		display: flex;
		.kn-img {
			width: 100%;
			border-radius: 12rpx
			// vertical-align: middle;
		}
	}
	.top {margin-top: -190rpx;}
	.top-z {margin-top: 30rpx;}
	.top-m {margin-top: -160rpx;}
</style>