修复部分样式
This commit is contained in:
@@ -21,7 +21,7 @@ export default {
|
|||||||
left: {default: 32},
|
left: {default: 32},
|
||||||
labelColor: {default: "#333"},
|
labelColor: {default: "#333"},
|
||||||
description: {default: false}, //用于展示则不会又红星,会把标签的内间距去掉
|
description: {default: false}, //用于展示则不会又红星,会把标签的内间距去掉
|
||||||
activeStep: {default: 0}//用于步骤组件的当前步数
|
activeStep: {default: 1}//用于步骤组件的当前步数
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<section class="AiStep flex start" :class="{active:!!index&&active==index}">
|
<section class="AiStep flex start" :class="{active}">
|
||||||
<div class="leftPane mar-r32">
|
<div class="leftPane mar-r32">
|
||||||
<div class="num" v-text="stepIndex"/>
|
<div class="num" v-text="stepIndex"/>
|
||||||
<div v-if="!isLast" class="stepLine fill"/>
|
<div v-if="!isLast" class="stepLine fill"/>
|
||||||
@@ -18,7 +18,7 @@ export default {
|
|||||||
index: {default: null},
|
index: {default: null},
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
active: v => v.activeStep,
|
active: v => v.activeStep == v.stepIndex,
|
||||||
stepIndex: v => {
|
stepIndex: v => {
|
||||||
const index = v.$parent.items.findIndex(e => e == v._uid)
|
const index = v.$parent.items.findIndex(e => e == v._uid)
|
||||||
return index > -1 ? index + 1 : ""
|
return index > -1 ? index + 1 : ""
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
<AiStep v-for="(item,i) in process" :key="item.id" :index="i">
|
<AiStep v-for="(item,i) in process" :key="item.id" :index="i">
|
||||||
<div class="flex start">
|
<div class="flex start">
|
||||||
<div class="fill stepTitle" v-text="item.systemExplain"/>
|
<div class="fill stepTitle" v-text="item.systemExplain"/>
|
||||||
<div class="color-999 mar-r32" v-text="item.doTime"/>
|
<div class="color-999 mar-r32 stepTime" v-text="item.doTime"/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="item.doExplain" class="stepContent mar-t8" v-text="item.doExplain"/>
|
<div v-if="item.doExplain" class="stepContent mar-t8" v-text="item.doExplain"/>
|
||||||
<u-gap height="48"/>
|
<u-gap height="48"/>
|
||||||
@@ -137,6 +137,10 @@ export default {
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.stepTime {
|
||||||
|
line-height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
.stepContent {
|
.stepContent {
|
||||||
color: #343D65;
|
color: #343D65;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user