<template>
  <div class="app-container home" style="min-height: calc(100vh - 110px); height: calc(100vh - 110px); overflow-y: auto; ">
      <div style="text-align: center; font-size: 40px; padding-top: 200px;">欢迎使用MY管理系统</div>
  </div>
</template>

<script>

export default {
  name: "Index",
  data() {
    return {

    };
  },
  mounted() {

  },
  methods: {

  }
};
</script>

<style scoped lang="scss">
.data-title{
  color: #001A55;
  font-weight: 600;
}
.icon-start{
  border: 2px solid #1890FF;
  background-color: #1890FF;
  border-radius: 30px;
  margin-right: 5px;
}
.blue-dot-blue::before {
  content: "";
  display: inline-block;
  width: 8px;          /* 圆点大小 */
  height: 8px;
  background: #409EFF;  /* Element UI 主题蓝色 */
  border-radius: 50%;
  margin-right: 8px;    /* 圆点与文字的间距 */
  vertical-align: middle; /* 垂直居中对齐 */
}

.blue-dot-red::before {
  content: "";
  display: inline-block;
  width: 8px;          /* 圆点大小 */
  height: 8px;
  background: red;  /* Element UI 主题蓝色 */
  border-radius: 50%;
  margin-right: 8px;    /* 圆点与文字的间距 */
  vertical-align: middle; /* 垂直居中对齐 */
}

.vehicle-item{
  height: 40px; line-height: 40px; width: 140px;
  background-color: #ECF0FF;
  border-radius: 5px;
  margin: 6px;
  margin-top: 6px;
}
.vehicle-item-blue{
  background-color: #ECF0FF;
}
.vehicle-item-red{
  background-color: #FFDBDB;
}
.remind-info{
  padding-top: 10px; color: #001A55; line-height: 20px; font-size: 12px;
}
.warn-info{
  cursor: pointer;
}
.warn-info :hover{
  color: #409EFF;
}
</style>

