From b95cf940af8e01e4eca30b2599b029c2f645bd1e Mon Sep 17 00:00:00 2001 From: charles <981744753@qq.com> Date: 星期一, 29 四月 2024 10:44:26 +0800 Subject: [PATCH] feat:创建新分支 --- src/views/dashboard/components/KnowledgeInfo.vue | 47 +++++++++++++++++++++++++++++++++++++---------- 1 files changed, 37 insertions(+), 10 deletions(-) diff --git a/src/views/dashboard/components/KnowledgeInfo.vue b/src/views/dashboard/components/KnowledgeInfo.vue index 89f387f..28cd151 100644 --- a/src/views/dashboard/components/KnowledgeInfo.vue +++ b/src/views/dashboard/components/KnowledgeInfo.vue @@ -1,11 +1,11 @@ <template> <div class="knowledge-info"> - <div class="text-item" style="left: 20px; top: 80px">璇姤璀�</div> - <div class="text-item" style="left: 0px; top: 190px">绠¤矾鏁村姩</div> - <div class="text-item" style="left: 215px; top: 250px">鍐峰嵈娌瑰害楂�</div> - <div class="text-item" style="left: 160px; top: 20px">娓呮磥搴﹁秴宸�</div> - <div class="text-item" style="left: 30px; top: 280px">娓呮磥搴﹁秴宸�</div> - <div class="text-item" style="right: 0px; top: 120px">淇濇姢鍣ㄦ姤璀�</div> + <div class="text-item text-item1">璇姤璀�</div> + <div class="text-item text-item2">绠¤矾鏁村姩</div> + <div class="text-item text-item3">鍐峰嵈娌瑰害楂�</div> + <div class="text-item text-item4">娓呮磥搴﹁秴宸�</div> + <div class="text-item text-item5">娓呮磥搴﹁秴宸�</div> + <div class="text-item text-item6">淇濇姢鍣ㄦ姤璀�</div> <img src="~@/assets/images/voice.png" /> </div> </template> @@ -14,15 +14,42 @@ <style scoped lang="scss"> $status-ready: #024fdce8; .knowledge-info { - height: calc(100% - 100px - 32px); - margin-top: 30px; + height: 100%; + width: 100%; + min-height: 100px; + margin: 0 auto; + // margin-top: 10px; position: relative; + .text-item1 { + left: 20px; + top: 80px; + } + .text-item2 { + left: 0px; + top: 190px; + } + .text-item3 { + left: 215px; + top: 250px; + } + .text-item4 { + left: 160px; + top: 20px; + } + .text-item5 { + left: 30px; + top: 280px; + } + .text-item6 { + left: 240px; + top: 150px; + } img { width: 130px; height: 130px; position: absolute; - top: 100px; - left: 120px; + top: 80px; + left: 110px; } .text-item { color: #e9e7e7; -- Gitblit v1.8.0