update

src/view/student/trainMain/assessmentSelect.vue

@@ -3,7 +3,7 @@
         <NavMenus :back-confirm="false" ></NavMenus>
         <div class="content" >
             
-            <div class="card liLunKaoHe" >
+            <!-- <div class="card liLunKaoHe" >
                 <div class="txt" >
                     理论考核
                 </div>
@@ -13,6 +13,15 @@
                 <div class="txt" >
                     实训考核
                 </div>
+            </div> -->
+
+            <div
+            @click="itemClick(item)"
+            :class="'card ' + (item.class)"
+            v-for="(item, index) of list" :key="index" >
+                <div class="txt" >
+                    {{ item.txt }}
+                </div>
             </div>
 
         </div>
@@ -20,7 +29,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { reactive, onMounted } from 'vue';
+import { reactive, onMounted, ref } from 'vue';
 import ItemCard from './itemCard.vue';
 import NavMenus from '../components/navMenus.vue';
 import StepTips from '../components/stepTips.vue';
@@ -32,13 +41,25 @@ import router from '@/router/index';
 const userInfo = useUserInfo();
 const route = useRoute();
 
-const itemClick = (type: any) => {
-    
+let list = ref([
+    {
+        "class" : "liLunKaoHe",
+        "txt" : "理论考核",
+    },
+    {
+        "class" : "shiJiKaoHe",
+        "txt" : "实训考核",
+    },
+]);
+
+const itemClick = (json: any) => {
+    console.log("itemClick json", json);
 };
 
 onMounted(() => {
     
 });
+
 </script>
 <style lang="scss" scoped>
 .assessmentSelect {