|
|
<script setup>
|
|
|
import { ref } from 'vue';
|
|
|
import Head from '@/components/head.vue';
|
|
|
const list = ref(["任务", "章节", "讨论", "作业", "考试", "出勤", "记分册", "作业成绩", "知识点"])
|
|
|
const activeNames = ref(['1']);
|
|
|
import { ref } from 'vue'
|
|
|
import Head from '@/components/head.vue'
|
|
|
const list = ref(['任务', '章节', '讨论', '作业', '考试', '出勤', '记分册', '作业成绩', '知识点'])
|
|
|
const activeNames = ref(['1'])
|
|
|
</script>
|
|
|
<template>
|
|
|
<div class="counter">
|
|
|
|
|
|
<Head></Head>
|
|
|
<div class="box">
|
|
|
<div class="left">
|
|
|
<div class="top">
|
|
|
<img src="@/static/kecheng.png" alt="">
|
|
|
<img src="@/static/kecheng.png" alt="" />
|
|
|
XXXXXXXXX
|
|
|
</div>
|
|
|
<div class="bottom">
|
...
|
...
|
@@ -23,7 +22,7 @@ const activeNames = ref(['1']); |
|
|
<div class="box3">进行中</div>
|
|
|
<div class="box4">已结束</div>
|
|
|
<div class="box5">
|
|
|
<div class="end" v-for="item in 8">
|
|
|
<div class="end" v-for="item in 8" :key="item">
|
|
|
<div class="notice">通知</div>
|
|
|
<div>签到</div>
|
|
|
</div>
|
...
|
...
|
@@ -32,7 +31,7 @@ const activeNames = ref(['1']); |
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<style>
|
|
|
.counter {
|
|
|
.box {
|
...
|
...
|
@@ -130,9 +129,9 @@ const activeNames = ref(['1']); |
|
|
border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style> |
|
|
\ No newline at end of file |
|
|
</style> |
...
|
...
|
|