|
|
@@ -1,16 +1,18 @@
|
|
|
<template>
|
|
|
- <div class="train-container">
|
|
|
- <!-- <NavMenus :back-confirm="false" back-path="/train/list"></NavMenus> -->
|
|
|
+ <div class="assessmentSelect">
|
|
|
<NavMenus :back-confirm="false" ></NavMenus>
|
|
|
- <div class="train-main">
|
|
|
- <div class="train-items">
|
|
|
- <ItemCard type="training" :active="true" @click="itemClick"></ItemCard>
|
|
|
- <ItemCard type="assessment" :active="true" @click="itemClick"></ItemCard>
|
|
|
- <!-- <ItemCard type="report" :active="state.trainingProgress.percent == 100" @click="itemClick"></ItemCard>
|
|
|
- <ItemCard type="report_share" :active="state.trainSelf.isSubmit" @click="itemClick"></ItemCard> -->
|
|
|
+ <div class="content" >
|
|
|
+
|
|
|
+ <div class="card liLunKaoHe" >
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card shiJiKaoHe" >
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
- <!-- <StepTips :msg="state.tipsMsg"></StepTips> -->
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
@@ -35,38 +37,37 @@ onMounted(() => {
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.train-container {
|
|
|
+.assessmentSelect {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- .train-main {
|
|
|
- // width: 100%;
|
|
|
- width: 80%;
|
|
|
- margin-top: -5rem;
|
|
|
- }
|
|
|
- .train-items {
|
|
|
- margin: 0 12rem;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .train-user {
|
|
|
- display: flex;
|
|
|
- margin-top: 7rem;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .user-info {
|
|
|
- font-size: 2rem;
|
|
|
- color: white;
|
|
|
- background-image: url(/src/assets/student/border.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- text-align: center;
|
|
|
- line-height: 4rem;
|
|
|
- margin: 0 2rem;
|
|
|
- min-width: 24rem;
|
|
|
+ .content {
|
|
|
+
|
|
|
+ .card {
|
|
|
+ width: 31.85rem;
|
|
|
+ height: 42.71rem;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0px 3.21rem 0px 3.21rem;
|
|
|
+ // 手势
|
|
|
+ cursor:pointer;
|
|
|
+
|
|
|
+ background-size: 100% auto;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .liLunKaoHe {
|
|
|
+ background-image: url(/src/assets/student/step/new/LiLunKaoHe_No.webp);
|
|
|
+ }
|
|
|
+
|
|
|
+ .shiJiKaoHe {
|
|
|
+ background-image: url(/src/assets/student/step/new/ShiJiKaoHe_No.webp);
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
</style>
|
