<span :class="`${s2?'s2':'step2}`"></span>
  <a :class="{ 'active': hash==='finish','nav-link':true}" href="#/finish">已完成</a>
<span :class="['menu',{statusClass:startStatus}]"></span>
如果 status为1,样式为redRoom
如果 status为2,样式为greenRoom1
如果 status为其他,样式为greenRoom2
:class="{'redRoom': Number(items.status) === 1, 'greenRoom1': Number(items.status) === 2, greenRoom2: Number(items.status) > 2}"

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐