bigdata_WX/pages/banner/index.vue

<template>
  <view class="banner-ad">
    <view class="device-detail__header">
      <u-icon
        size="36"
        class="arrow-left"
        name="arrow-left"
        @click="handleBack"
      ></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;
    z-index: 999;
    color:#fff;
  }
  .banner-image{
    width: 100%;
    height: 100%;
  }
}
</style>