中建四局:优化指挥中心

This commit is contained in:
Luck-Xiaomi 2022-09-02 17:13:30 +08:00
parent d9bd214e68
commit d825d19112

View File

@ -1,15 +1,17 @@
<!-- 步骤条 -->
<template>
<div class="steps">
<div class="steps-item" v-for="(item, index) in items" :key="index">
<p :class="['steps-item-line', activeIndex === index ? 'active' : '']"></p>
<p :class="['steps-item-num', activeIndex === index ? 'active' : '']"></p>
<div class="steps-item-text'" :class="['steps-item-text', activeIndex === index ? 'activeText' : '']">
<span class="label">{{ item.label }}</span>
<span class="value">{{ item.value }}</span>
<vue-scroll style="height: 100px;">
<div class="steps">
<div class="steps-item" v-for="(item, index) in items" :key="index">
<p :class="['steps-item-line', activeIndex === index ? 'active' : '']"></p>
<p :class="['steps-item-num', activeIndex === index ? 'active' : '']"></p>
<div class="steps-item-text'" :class="['steps-item-text', activeIndex === index ? 'activeText' : '']">
<span class="label">{{ item.label }}</span>
<span class="value">{{ item.value }}</span>
</div>
</div>
</div>
</div>
</vue-scroll>
</template>
<style lang='scss' scoped>