diff --git a/src/renderer/src/views/experiment/index.vue b/src/renderer/src/views/experiment/index.vue index f33f8ff..ca777b0 100644 --- a/src/renderer/src/views/experiment/index.vue +++ b/src/renderer/src/views/experiment/index.vue @@ -18,12 +18,15 @@
-
-
+
+
+
- -
+ +
+ +
{{ item.fileShowName }}
@@ -71,6 +74,8 @@ const resultTotal = ref(0) // 弹出视频 const isShow = ref(false) const curRow = ref({}) +// loading框 +const loading = ref(false) // 实验图片结构 const experimentList = ref([]) @@ -94,8 +99,13 @@ const query = ref({ const getData = (data) => { const { textBook, node } = data - query.value.levelFirstId = node.parentNode.id - query.value.levelSecondId = node.id + if (node.parentNode) { + query.value.levelFirstId = node.parentNode.id + query.value.levelSecondId = node.id + } else { + query.value.levelFirstId = node.id + query.value.levelSecondId = '' + } query.value.textbookId = node.rootid getVideoList() } @@ -106,7 +116,9 @@ const chooseItem = (item) => { // 获取视频资源 const getVideoList = async () => { + loading.value = true const res = await getSmarttalkPage(query.value) + loading.value = false experimentList.value = [...res.rows] resultTotal.value = res.total } @@ -153,7 +165,7 @@ const chooseVedio = (item) => { } .list-content { border-radius: 8px; - height: 100%; + height: 90%; } .list-container { display: flex; @@ -162,7 +174,7 @@ const chooseVedio = (item) => { overflow-y: auto; } -.content-list { +.content { border-radius: 8px; // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: calc(20%); @@ -171,10 +183,13 @@ const chooseVedio = (item) => { padding: 5px } -.content-list:hover { +.content:hover { transform: translateY(-4px); // box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); } +.content-list{ + +} .item-content { display: flex;