步骤条原本是 description 内容,现在要修改一下内容的排版
代码如下
<el-steps
direction="vertical"
:active="1"
>
<el-step
v-for="(item, i) in stepData"
:key="i"
:title="item.title"
>
<template slot="description">
<p>{{item.description}}</p>
<p>{{item.mainUnit}}</p>
<p>{{item.coordinateUnit}}</p>
<p>{{item.resource}}</p>
</template>
</el-step>
</el-steps>
stepData: [
{
title: "步骤 1",
description: "一些文字",
mainUnit: "一些文字",
coordinateUnit: "一些文字",
resource: "一些文字",
},
{
title: "步骤 2",
description: "一些文字",
mainUnit: "一些文字",
coordinateUnit: "一些文字",
resource: "一些文字",
},
{
title: "步骤 3",
description: "一些文字",
mainUnit: "一些文字",
coordinateUnit: "一些文字",
resource: "一些文字",
},
],