qsy-zdh/components/cmj-animation.vue

<template>
	<view class="animation-wrap">
		<image class="jt-1" src="@/static/cmj-jt.jpg"/>
		<image class="jt-2" src="@/static/cmj-jt.jpg"/>
		<image class="main" src="@/static/cmj-main.jpg"/>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.animation-wrap {
		height: 272rpx;
		position: relative;
		.main {
			position: absolute;
			left: 14rpx;
			top: 30rpx;
			width: 520rpx;
			height: 210rpx;
			z-index: 1;
		}
		.jt-1 {
			width: 130rpx;
			height: 130rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
		.jt-2 {
			width: 130rpx;
			height: 130rpx;
			position: absolute;
			right: 0;
			bottom: 0;
		}
	}
</style>