bigDataApp/pages/banner/index.vue

<template>
  <view class="banner-ad">
    <view
      class="device-detail__header"
      @click="handleBack"
    >
      <u-icon
        size="36"
        class="arrow-left"
        name="arrow-left"
      ></u-icon>
    </view>
    <image :src="bannerURL" mode="" class="banner-image"></image>
  </view>
</template>
<script>
export default {
  data() {
    return {
      bannerURL: 'https://s3.hnyfwlw.com/webstaticimg/bigdata_app/newImg/home/shuifei.jpg',
    }
  },
  methods: {
    handleBack(){
      uni.navigateBack({
        delta: 1,
      })
    }
  }
}
</script>
<style scoped lang="scss">
.banner-ad {
  height: 320vh;
  width: 100%;
  .device-detail__header{
    position: absolute;
    top: 32rpx;
    left: 32rpx;
    width:88rpx;
    height: 48rpx;
    z-index: 999;
    color:#fff;
    margin-top: 64rpx;
  }
  .banner-image{
    width: 100%;
    height: 100%;
  }
}
</style>