修复部分样式

This commit is contained in:
aixianling
2022-10-20 16:39:47 +08:00
parent 5775c244cb
commit 21d1714f7e
3 changed files with 8 additions and 4 deletions

View File

@@ -21,7 +21,7 @@ export default {
left: {default: 32},
labelColor: {default: "#333"},
description: {default: false}, //用于展示则不会又红星,会把标签的内间距去掉
activeStep: {default: 0}//用于步骤组件的当前步数
activeStep: {default: 1}//用于步骤组件的当前步数
},
data() {
return {

View File

@@ -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 : ""

View File

@@ -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;
}