develoop
于鹏飞 5 months ago
parent 3812ab0328
commit 5a1e2b52d3
  1. 29
      src/views/MyCourseStudy/ContainerKno.vue

@ -26,19 +26,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="Knowledge_point"> </el-tab-pane>
<ul>
<li v-for="(item, index) in 6" :key="index">
知识点知识点知识点{{ item }}
<span class="btn">×</span>
&nbsp;
</li>
</ul>
</div>
</div>
</div>
</div>
</el-tab-pane>
</template> </template>
<script setup> <script setup>
import {ref,reactive} from 'vue' import {ref,reactive} from 'vue'
@ -51,13 +39,18 @@ this.classList.toggle('noUpd')
} }
const arr = reactive([]) const arr = reactive([])
const a =[ const a =[
{ {
id:1, id:1,
name:"操作系统", name:"操作系统",
num:1, num:1,
zjname:'操作系统引论', zjname:'操作系统引论',
zsd:[
"sadas",
"asdadsad",
"asdasdas",
]
}, },
{ {
id:2, id:2,
@ -78,12 +71,14 @@ const a =[
arr.length=0 arr.length=0
arr.push(...a) arr.push(...a)
const ShowDel = ref(false) const ShowDel = ref(false)
function XsDel(id){ function XsDel(id){
const item = arr.find(o=>o.a.id==id) const item = arr.find(o=>o.a.id==id)
item.ShowDel = !item.ShowDel item.ShowDel = !item.ShowDel
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.btn{ .btn{
@ -132,7 +127,7 @@ function XsDel(id){
justify-content: space-around; justify-content: space-around;
} }
.KnoBtn > img { .KnoBtn>img {
padding-top: 20px; padding-top: 20px;
cursor: pointer; cursor: pointer;
} }
@ -160,7 +155,7 @@ function XsDel(id){
flex-direction: column; flex-direction: column;
} }
.Knowledge_point > ul > li { .Knowledge_point>ul>li {
display: inline-block; display: inline-block;
margin-top: 3px; margin-top: 3px;
margin-bottom: 3px; margin-bottom: 3px;
@ -178,4 +173,4 @@ function XsDel(id){
cursor: pointer; cursor: pointer;
color: rgb(15, 57, 76); color: rgb(15, 57, 76);
} }
</style> </style>
Loading…
Cancel
Save