assess-app/pages/index/index.vue

<template>
	<view class="page-box page-box-bg-fff" >
    <view class="top-data"></view>
    <view class="content-data "></view>
    <view class="bottom-data  sys-background-fff">
      <en-tab ></en-tab>
    </view>
	</view>

</template>
<script>


  import EnNav from "@/components/en-utils/en-nav/en-nav.vue";
  import EnTab from "@/components/en-utils/en-tab/en-tab.vue";

  export default {
		components: {
      EnTab,
      EnNav

    },
		data() {
			return {

			}
		},
		watch: {


		},
    onPageScroll(e) {
      if(e.scrollTop > 10){
        this.bgckgroundBox = '#16BB5D';
        this.isScroll = true;
      }else{
        this.bgckgroundBox = 'transparent';
        this.isScroll = false;
      }
    },
		mounted() {

		},
		methods: {


		},
	}
</script>
<style lang="scss" scoped>
.page-box{
  height: 100vh;
  background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20");
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  .top-data{

  }
  .content-data{
    flex: 1;
    overflow: hidden;
  }
  .bottom-data{

  }

}


</style>