在ui框架的基础上仿造steps步骤条插件,提供时间 原因等操作

项目使用antdesign vue作为ui框架,atv的steps满足不了项目需求,

所以自己在此基础上增加了一些功能,可自定义颜色 内容格式等!

上为实际效果展示,

<div class="s_r">
  <div class="s_wrap" @tap="topage(index)">
    <div class="s_content">
      <div style="min-width: 115px">{{ item.submitTime }}</div>
      <div class="content-wrap wid100">
        <div class="content_r">
          <div>{{ item.submiterName }}&nbsp;&nbsp;&nbsp;&nbsp;{{ item.behavior }}</div>
        </div>
        <div class="content-reason">
           <div>{{ item.remark }}</div>
        </div>
      </div>
    </div>
  </div>
</div>

 上面内容可根据实际需求自己更改html样式

代码样式使用less, 我没有做更改,如有不同 需自行更换

代码我放在git上 可自行下载获取

GitHub - Hlf-jackson/MuY-steps: the steps about CRMthe steps about CRM. Contribute to Hlf-jackson/MuY-steps development by creating an account on GitHub.https://github.com/Hlf-jackson/MuY-steps

如果文章有帮到你 麻烦git给个star 谢谢您的支持!!!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值