![image.png image.png](https://cdn.ostack.cn/v-5feb05cf/global/img/squares.svg)
已解决:
` <Row :gutter="24" class="two-rank-box">
<Col
:md="24"
:lg="12"
v-for="(colItem, colIndex) in [leftData,rightData]"
:key="colIndex"
>
<div class="rank-line" v-for="(item,index) in colItem" :key="index">
<div class="left">
<span class="index" :style="{backgroundColor: item.color}">{{item.sort}}</span>
<span class="title" :title="item.title">{{item.title}}</span>
</div>
<div class="right">
<Progress
class="percent"
:percent="parseInt(item.percent)"
stroke-color="#00bb7a"
:stroke-width="6"
hide-info
/>
<span class="value" :title="item.value">{{item.value}}</span>
</div>
</div>
</Col>
</Row>`
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…