63 lines
1.3 KiB
Vue
63 lines
1.3 KiB
Vue
<template>
|
|
<!-- <div class="progressItem">
|
|
<div class="title">取得《建设工程规划许可证》</div>
|
|
<div class="circle"></div>
|
|
<div class="bottom">
|
|
<div class="time">
|
|
<p class="startDate">计划完成:2021.01.03</p>
|
|
<p class="endDate">实际完成:2021.03.08</p>
|
|
</div>
|
|
<div class="status">
|
|
提前两天完成
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.progressItem{
|
|
width: 14%;
|
|
height: 130px;
|
|
.title{
|
|
color: white;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.circle{
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
border: 4px solid rgb(118, 143, 6);
|
|
margin-top: 5px;
|
|
}
|
|
.bottom{
|
|
display: flex;
|
|
align-items: center;
|
|
color: rgba(255,255,255,0.7);
|
|
.time{
|
|
margin-top: 5px;
|
|
.startDate{
|
|
margin-top: 3px;
|
|
}
|
|
.endDate{
|
|
margin-top: 3px;
|
|
}
|
|
}
|
|
.status{
|
|
margin-left: 6px;
|
|
padding: 3px 3px;
|
|
color: rgb(191, 241, 11);
|
|
background-color:rgb(118, 143, 6);
|
|
border-radius: 8px;
|
|
}
|
|
}
|
|
}
|
|
</style> |