vue 步骤条: 虚线样式、进度条

本文介绍如何使用Vue创建一个包含虚线样式的步骤条组件。通过展示HTML结构、CSS样式以及Vue的数据和方法,详细说明了如何展示进度状态,并提供编辑功能。示例中展示了接收投诉的流程,包括时间、接收人以及投诉详情。
摘要由CSDN通过智能技术生成


1. 图:


2.代码:

div:

<div class="killwrap">

      <div class="killBox" v-for="(item, index) in subList" :key="index">

        <li class="killTitle">{ { item.createTime }}</li>

        <li class="killBottom">

          <span></span>

          <span></span>

          <span class="Killvoid"></span>

        </li>

        <!--  -->

        <div class="Jsts">

          <div class="JstsBox">

            <span>接收投诉</span>

            <span>接收人: 刘建筑</span>

            <span @click="edit(item)"><i class="bj">编辑</i></span>

          </div>

          <div class="Jsts_wrap">

            <div class="Jsts_left" v-if="item.name">

           

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值