<template>
  <div class="dashboard-container">
    <div class="dashboard-editor-container">
    <div class="info-container clearfix">
     
      <span class="welcome-title">欢迎登录</span>
      
      </div>
      <div class="info-container clearfix">
     

     <span class="welcome-title">阳光会务后台</span>
   </div>
    <!-- style="width: 60%; margin: -30px auto 0 auto" -->
    <!-- <img :src="emptyGif" class="bg-img" /> -->
    <!-- <div class="duihua"> -->
    <!-- <img src="@/assets/img/duihuakuang.png" /> -->
    <!-- <img class="bg" src="@/assets/img/duihua.png" /> -->
    <!-- <div class="neirong">
        <img src="@/assets/img/neirong.png">
      </div> -->

    <!-- <div>
        <p>开工了&nbsp;！</p>
        <p>快干活&nbsp;！</p>
      </div> -->
    </div>
    <!-- <div class="wudi">woody</div> -->
  </div>
</template>

<script>
// import { mapGetters } from "vuex";
export default {
  name: "Dashboard",
  data() {
    return {
      emptyGif: require("@/assets/img/welcome2.jpg"),
    };
  },
  // computed: {
  // ...mapGetters([
  // 'name',
  // "avatar",
  // 'roles'
  // ]),
  // },
  // mounted() {},
};
</script>
<style lang="scss" scoped>
.dashboard-container {
  // background-color: #f0f4fd;
  padding: 0 0 0 0;
  position: relative;
  width: 100%;
  min-height: calc(100vh - 53px);
  display: block;
  overflow: hidden;
  .bg-img {
    width: 100%;
    position: absolute;
    display: block;
    min-height: 100%;
    height: 100%;
  }
  .duihua {
    position: absolute;
    top: 1%;
    right: 12%;
    z-index: 2;
    width: 290px;
    img.bg {
      display: block;
      width: 100%;
    }
    div.neirong {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      min-height: 100%;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      padding: 60px 0 0 20px;
      img {
        display: inline-block;
        //  width: 2;
      }
    }
    // div {
    //   position: absolute;
    //   top: 0;
    //   width: 100%;
    //   padding: 23.5% 0 0 10%;
    //   p {
    //     text-align: center;
    //     line-height: 50px;
    //     font-size: 35px;
    //     font-weight: bold;
    //     letter-spacing: 1px;
    //     color: #1f2d3d;
    //   }
    // }
  }
  .wudi {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 3;
  }
  // background-color: #e3e3e3;
}
.emptyGif {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.dashboard-editor-container {
  position: relative;
  min-height: 100%;
  width: 100%;
  // display: flex;
  padding: 140px 6% 0 0;
  text-align: center;
  box-sizing: border-box;
  // align-items: flex-start ;
  .info-container {
    display: block;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 3.5vh 0 0 0;
    .welcome-title {
      vertical-align: top;
      padding: 0;
      margin: 0 0 0 18px;
      color: #97a8be;
      display: inline-block;
      height: 70px;
      line-height: 70px;
      font-size: 45px;
    }
  }
  //center;
  img {
    display: block;
    flex: 1;
  }
}
</style>
