mirror of
https://github.com/NicolasBohn/NexQuant.git
synced 2026-08-02 09:57:44 +00:00
XianBW
14395488b9
* update rdagent cmd * fix log error message * use multiProcessing.Process instead of subprocess.Popen * add traces to gitignore * add user interactor in RDLoop (finance scenarios) * add interactor (feedback, hypothesis) for quant scens * fix the test_end in qlib conf * add features init config, general instruction to qlib scenarios * set base features for based exp * fix bug when combine factors * move traces folder to git_ignore_folder * fix bug in features init * fix quant interact bug * fix logger warning error * bug fixes * modify rdagent logger, now it can set file output * adjust cli functions and fix logger bug * fix server port transport problem * update server_ui in cli * add web code * fix CI problem * black fix * update web ui README * update README * update readme
88 lines
1.9 KiB
Vue
88 lines
1.9 KiB
Vue
<template>
|
|
<div class="step-box">
|
|
<div
|
|
v-for="(item, index) in stepList"
|
|
:key="index"
|
|
class="step-card"
|
|
:class="{
|
|
'default-color': currentIndex < index,
|
|
'current-color': currentIndex == index,
|
|
'active-color': currentIndex > index,
|
|
}"
|
|
>
|
|
<SvgIcon v-if="index != 0" class="step-icon" name="right-arrow"></SvgIcon>
|
|
<span class="step-label"
|
|
><i>{{ index + 1 }}.</i>{{ item }}</span
|
|
>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { ref, watch, defineProps, nextTick } from "vue";
|
|
const props = defineProps({
|
|
activeIndex: Number,
|
|
});
|
|
const currentIndex = ref(props.activeIndex);
|
|
const stepList = ["Start", "Input Information", "Summary"];
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.step-box {
|
|
display: flex;
|
|
justify-content: center;
|
|
.step-card {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.step-label {
|
|
display: flex;
|
|
padding: 0.65em 1em;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
font-size: 1.25em;
|
|
font-weight: 600;
|
|
line-height: 200%;
|
|
border-radius: 999px;
|
|
color: var(--step-default-color);
|
|
border: 2px solid var(--step-default-color);
|
|
i {
|
|
margin-right: 0.75em;
|
|
font-style: normal;
|
|
}
|
|
}
|
|
.step-icon {
|
|
width: 2.15em;
|
|
height: 1.25em;
|
|
margin: 0 1.25em;
|
|
}
|
|
.default-color {
|
|
.step-label {
|
|
border-color: var(--step-default-color);
|
|
color: var(--step-default-color);
|
|
}
|
|
.step-icon {
|
|
color: var(--step-default-color) !important;
|
|
}
|
|
}
|
|
.current-color {
|
|
.step-label {
|
|
color: var(--step-current-color);
|
|
border-color: var(--step-current-color);
|
|
}
|
|
.step-icon {
|
|
color: var(--step-current-color) !important;
|
|
}
|
|
}
|
|
.active-color {
|
|
.step-label {
|
|
color: var(--step-active-color);
|
|
border-color: var(--step-active-color);
|
|
}
|
|
.step-icon {
|
|
color: var(--step-active-color) !important;
|
|
}
|
|
}
|
|
}
|
|
</style>
|