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