From 8118f56d86267e443f147c17ccb014338607e247 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期五, 18 八月 2023 20:26:18 +0800 Subject: [PATCH] 面板 前端开发+ 后端 没数据 --- src/components/Knowledge.vue | 23 ++++++++++++----------- 1 files changed, 12 insertions(+), 11 deletions(-) diff --git a/src/components/Knowledge.vue b/src/components/Knowledge.vue index 3319ef9..c1db1f7 100644 --- a/src/components/Knowledge.vue +++ b/src/components/Knowledge.vue @@ -1,11 +1,12 @@ <template> - <div class="keyword-ring"> - <svg width="400" height="400"> + <div class="keyword-ring" style="height:100%"> + <!-- width="400" height="400" --> + <svg width="100%" height="100%"> <circle cx="200" cy="200" r="155" fill="none" stroke-width="3" /> <circle cx="200" cy="200" r="125" fill="none" stroke-width="3" /> <circle cx="200" cy="200" r="95" fill="none" stroke-width="3" /> <circle cx="200" cy="200" r="65" fill="none" stroke-width="3" /> - <text class="text-item" x="70" y="100" style="fill: #000; font-weight: bold; padding:5px; + <text class="text-item" x="60" y="80" style="fill: #000; font-weight: bold; padding:5px; font-size:14px; display:inline-block; border-radius:8px; @@ -13,14 +14,14 @@ color:#fff; cursor: pointer;postion:absolute;left:200;top:40"> 璇姤璀� </text> - <text class="text-item" x="70" y="160" text-anchor="middle" + <text class="text-item" x="50" y="170" text-anchor="middle" style="padding:5px; font-size:14px; display:inline-block; border-radius:8px; background:#007101; color:#fff;">绠¤矾鏁村姩</text> - <text class="text-item" x="195" y="280" text-anchor="middle" font-size="20px" + <text class="text-item" x="215" y="250" text-anchor="middle" font-size="20px" style="padding:5px; font-size:14px; display:inline-block; @@ -28,8 +29,8 @@ background:#007101; color:#fff;">鍐峰嵈娌瑰害楂�</text> <text - x="60" - y="220" + x="50" + y="270" class="text-item" style="padding:5px; font-size:14px; @@ -39,23 +40,23 @@ color:#fff;" text-anchor="middle" > - 璇姤璀� + 娓呮磥搴﹁秴宸� </text> - <text x="280" class="text-item" y="120" text-anchor="middle" font-size="20px" + <text x="220" class="text-item" y="60" text-anchor="middle" font-size="20px" style="padding:5px; font-size:14px; display:inline-block; border-radius:8px; background:#007101; color:#fff;">娓呮磥搴﹁秴宸�</text> - <text x="260" class="text-item" y="80" text-anchor="middle" font-size="20px" + <text x="240" class="text-item" y="110" text-anchor="middle" font-size="20px" style="padding:5px; font-size:14px; display:inline-block; border-radius:8px; background:#007101; color:#fff;">淇濇姢鍣ㄦ姤璀�</text> - <image xlink:href="../../public/璇煶.png" x="105" y="100" width="150" height="150" /> + <image xlink:href="../../public/璇煶.png" x="105" y="100" width="110" height="110" /> </svg> </div> </template> -- Gitblit v1.8.0