lyc-dev #110

Merged
lyc merged 5 commits from lyc-dev into main 2024-08-08 17:03:49 +08:00
3 changed files with 102 additions and 2 deletions
Showing only changes of commit d4b24f8d71 - Show all commits

View File

@ -314,7 +314,6 @@ export default {
})
},
async nodeClick(data) {
console.log(data)
if (this.currentNode.id === data.node.id) return
this.curBookImg = data.textBook.curBookImg
this.curBookPath = data.textBook.curBookPath

View File

@ -0,0 +1,97 @@
<template>
<div class="homework-content">
<div class="homework-top">
<h3 class="title">沁园春-长沙</h3>
<div class="grade">语文 高一二班</div>
</div>
<div class="homework-list">
<ul>
<li class="item flex">
<div class="item-left flex">
<svg class="icon homework-icon" aria-hidden="true">
<use xlink:href="#icon-zuoye2"></use>
</svg>
<div class="item-info flex">
<span class="item-name">作业名称</span>
<div class="item-student">
<span class="item-option">作业</span>
<span>学生展示</span>
</div>
</div>
</div>
<el-button color="#349d44">推送</el-button>
</li>
</ul>
</div>
</div>
</template>
<script setup>
import { onMounted } from 'vue';
import { useRoute } from 'vue-router';
//entpcourseid
// const route = useRoute();
// const param = route.currentRoute.value.params.paramName;
onMounted(()=>{
// console.log(param,'param')
})
</script>
<style lang="scss" scoped>
.homework-content {
padding: 0 15px;
color: #fff;
.homework-top {
margin-bottom: 20px;
.title {
font-size: 20px;
font-weight: bold;
}
.grade {
margin-top: 5px;
color: #cecece;
font-size: 15px;
}
}
.item {
background-color: #384342;
padding: 15px 10px;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
.item-left {
.homework-icon {
font-size: 50px;
}
.item-info {
margin-left: 8px;
flex-direction: column;
justify-content: space-between;
.item-name {
font-size: 20px;
font-weight: bold;
}
.item-student {
font-size: 13px;
color: #d7d7d7;
.item-option {
margin-right: 10px;
}
}
}
}
}
}
</style>

View File

@ -17,13 +17,17 @@
<!-- 内容部分 -->
<transition name="el-fade-in">
<div class="c-popover" :style="`--top: ${topPos}px;--height:${hPost}px;`" v-show="isVisible">
<div class="content">{{activeObj}}</div>
<div class="content">
<homework/>
</div>
</div>
</transition>
</div>
</template>
<script setup>
import { computed, defineProps, ref, reactive, watchEffect, onMounted } from 'vue'
import homework from './homework.vue';
// -
const colors = ['#00f389', '#ff7f00', '#ffff00', '#409EFF', '#00baff', '#13b189', '#F56C6C']
const emit = defineEmits(['update:modelValue','change'])