<template>
 

    <div class="main-content">

    </div>
    
</template>
<style>
    .main-content {
      /* 设置背景为渐变色 */
      
      background: 
      url('@/assests/pictures/backtree.png') no-repeat center center,linear-gradient(to bottom, rgba(252, 220, 215, 1) 0%, rgba(252, 220, 215, 1) 5%, rgba(255, 249, 161, 1) 25%, rgba(255, 249, 161, 1) 100%);
      box-sizing: border-box; /* 使内边距计算在总高度内 */
      
        background-size:auto 90% 60%;
        background-position: center; /* 使背景图居中 */
        height: 100vh; /* 使主界面高度占满整个视口 */
        padding: 20px; /* 添加一些内边距 */
        box-sizing: border-box; /* 使内边距计算在总高度内 */
    }
    
</style>
<script>
    export default 
    {
      name: 'BackGround', // 添加组件名称
      // 其他组件选项
    }
    </script>