Element UI 的 el-step 组件提供了插槽(slot),允许你自定义步骤条的内容,包括图标。 html <el-steps :active="active"> <el-step title="步骤 1"> <template #icon> <img src="@/assets/images/custom-step-icon-1.png" alt="Custom Step Icon 1"> </template>...
</el-step> <el-steptitle="企业银行账户信息"> </el-step> <el-steptitle="法人及联系人信息"> </el-step> <el-steptitle="受益人信息"> </el-step> </el-steps> 2.css: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...
<el-steps:active="1"><el-steptitle="步骤 1"><templateslot="icon"></template></el-step><el-steptitle="步骤 2"icon="el-icon-upload"><templateslot="icon"></template></el-step></el-step><el-steptitle="步骤 3"icon="el-icon-picture"></el-step></el-steps>...
<el-steps :active="active"finish-status="success"direction="vertical"> <el-step :title="item.label"v-for="item in approvalProcessProject":id="item.id"> <template slot="description"> 申请人 圆领{{}} 提交了割接方案
<el-steps direction="vertical" :align-center="true" :active="arr.length" finish-status="success"> <el-step :title="item.title" :description="item.description" v-for="(item, index) in arr" :key="index" @click.native="onCLick(index)"> <template slot="description"> <!--表单内容--...
<el-steps direction="vertical" :align-center="true" :active="arr.length" finish-status="success"> <el-step :title="item.title" :description="item.description" v-for="(item, index) in arr" :key="index" @click.native="onCLick(index)"> <template slot="description"> <!--表单内容--...
需要引入: element.min.css vue.min.js element.min.js axios.min.js nuget里面可添加 <el-steps> <el-step :title="item.title" :description="item.description" :status="item.status" v-for="item in items"> <template slot="description"> 计划完成时间:{{item...