update

src/view/student/trainMain/assessmentSelect.vue

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