<template>
  <div>
    <a-row style="margin-top: 2%">
      <a-col :span="6"></a-col>
      <a-col :span="10">
        <img class="imgs" :src="imgsrcBianji" style="width: 23%;height: 10%">
        <img class="imgs" :src="imgsrcShanchu" style="width: 30%;height: 10%;margin-left: 5%">
      </a-col>
      <a-col :span="8">
      </a-col>
    </a-row>
    <a-row style="margin-top: 1%">
      <a-col :span="8"> </a-col>
      <a-col :span="8">
        <p style="font-size: 20px; margin-left: 5%">
          <b>欢迎您登陆服装智能制造实训管理平台</b></p>
      </a-col>
      <a-col :span="8"> </a-col>
    </a-row>
    <a-row style="margin-top: 0.01%">
      <a-col :span="8"> </a-col>
      <a-col :span="8"><p style="font-size: 15px;font-family: FZShuTi;margin-left: 5%">
        <b>请开启您的旅程......</b></p> </a-col>
      <a-col :span="8"> </a-col>
    </a-row>
    <a-row style="margin-top: 13%">
      <a-col :span="8"> </a-col>
      <a-col :span="8"><h3 style="font-size: 20px;font-family: FZShuTi;margin-left: 20%;color: #000000A6">
        <b>特别赞助</b></h3>
        <p style="margin-left: 10%"></p>
      </a-col>
      <a-col :span="8"> </a-col>
    </a-row>
    <a-row style="margin-top: 3%">
      <a-col :span="8"><h3 style="font-size: 25px;font-family: FZShuTi;margin-left: 70%;margin-top:1%;color: #3E6E98">
        <b>易用</b></h3>
        <p style="margin-left: 60%;margin-right: 0%">通过左边的导航栏的提示，和我们友好的页面结构，使用者使用起来很轻松！</p>
      </a-col>
      <a-col :span="5"><h3 style="font-size: 25px;font-family: FZShuTi;margin-left: 40%;color: #3E6E98">
        <b>灵活</b></h3>
        <p style="margin-left: 30%;margin-right: 30%">通过我们不同的页面分类，可以灵活的使用不同的功能，满足使用者的不同需求！</p>
      </a-col>
      <a-col :span="11"><h3 style="font-size: 25px;font-family: FZShuTi;margin-left: 0%;color: #3E6E98">
        <b>高效</b></h3>
        <p style="margin-left: 0%;margin-right: 70%">使用者使用我们的服装智能制造实训管理平台，可以高效的完成考勤一系列的事物，为使用者节省了大批量的时间！</p>
      </a-col>
    </a-row>
  </div>
</template>

<script>
  import imgBianji from '@/views/edu/img/hhxyone.png'
  import imgShanchu from '@/views/edu/img/hhxytwo.png'
  import ARow from 'ant-design-vue/es/grid/Row'
  import ACol from 'ant-design-vue/es/grid/Col'
  export default {
    name: 'welcome',
    components: { ACol, ARow },
    data(){
      return{
        bj:'hhxyone.png',
        imgsrcBianji:imgBianji,
        imgsrcShanchu:imgShanchu
      };

    }
  }
</script>

<style scoped>

</style>