uni-admission-fee/pages/my/view-venues.vue

<template>
<div class="com-root">
  <div class="content1"></div>
  <div class="content2"></div>
  <div class="content3">
    <image src="../../static/gdz49@3x.png"></image>
  </div>
</div>
</template>
<script>
export default {
  name: "view-venues"
}
</script>
<style scoped lang="scss">
.com-root{
  position: relative;
  .content3{
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    position: absolute;
    image{
      width: 750rpx;
      height: 1449.44rpx;
    }
  }
  .content2{
    transform:rotate(180deg) ;
    width: 100vw;
    height: 50vh;
    background-image: url("../../static/bg-common.png");

  }
  .content1{
    width: 100vw;
    height: 50vh;
    background-image: url("../../static/bg-common.png");

  }
}
</style>