<template>
  <div class="Summary-box">
    <!-- <el-alert title="警告提示的文案" type="warning"></el-alert> -->
    <div class="Summary-nav">
        <h3>深圳公司信息化建设与集成项目</h3>
        <div>对接人:        <span>何成光(项目总监)</span> </div>
        <div class="Summary-footer">
            <div>项目周期:<span>2021-06-10至2021-10-10</span></div>
            <p>查看详情 > </p>
        </div>
    </div>
     <div class="Summary-nav">
        <h3>深圳公司信息化建设与集成项目</h3>
        <div>对接人: <span>何成光(项目总监)</span> </div>
        <div class="Summary-footer">
            <div>项目周期:2021-06-10至2021-10-10</div>
            <p>查看详情 > </p>
        </div>
    </div>
     <div class="Summary-nav">
        <h3>深圳公司信息化建设与集成项目</h3>
        <div>对接人: <span>何成光(项目总监)</span> </div>
        <div class="Summary-footer">
            <div>项目周期:2021-06-10至2021-10-10</div>
            <p>查看详情 > </p>
        </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
    .Summary-box{
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .Summary-nav{
        padding: 0px 10px;
        padding-bottom: 10px;
        border: 1px solid rgb(224, 224, 224);
        margin-bottom: 20px;
        div:nth-child(2){
            color: rgb(205, 205, 205);
            span{
                color: black;
            }
        }
        .Summary-footer{
            margin: 7px 0px;
            display: flex;
            justify-content: space-between;
            p{
                font-size: 12px;
                color: #0080fe;
            }
         div:nth-child(1){
             color: rgb(205, 205, 205);
            span{
                color: black;
            }
        }
        }
    }
</style>