From 576cfb49d7a8244f9a018d9c31b58b664737817b Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期六, 19 八月 2023 21:41:07 +0800
Subject: [PATCH] 样式修改
---
src/components/Knowledge.vue | 20 ++++++++++----------
1 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/components/Knowledge.vue b/src/components/Knowledge.vue
index c1db1f7..97fa7f8 100644
--- a/src/components/Knowledge.vue
+++ b/src/components/Knowledge.vue
@@ -1,17 +1,17 @@
<template>
- <div class="keyword-ring" style="height:100%">
+ <div class="keyword-ring" style="height:calc(100% - 40px)">
<!-- 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="60" y="80" style="fill: #000; font-weight: bold; padding:5px;
+ <text class="text-item" x="60" y="80" style="fill: rgb(211 211 211); font-weight: bold; padding:5px;
font-size:14px;
display:inline-block;
border-radius:8px;
background:#007101;
- color:#fff; cursor: pointer;postion:absolute;left:200;top:40">
+ cursor: pointer;postion:absolute;left:200;top:40">
璇姤璀�
</text>
<text class="text-item" x="50" y="170" text-anchor="middle"
@@ -20,14 +20,14 @@
display:inline-block;
border-radius:8px;
background:#007101;
- color:#fff;">绠¤矾鏁村姩</text>
- <text class="text-item" x="215" y="250" text-anchor="middle" font-size="20px"
+ fill: rgb(211 211 211);">绠¤矾鏁村姩</text>
+ <text class="text-item" x="245" y="250" text-anchor="middle" font-size="20px"
style="padding:5px;
font-size:14px;
display:inline-block;
border-radius:8px;
background:#007101;
- color:#fff;">鍐峰嵈娌瑰害楂�</text>
+ fill: rgb(211 211 211);">鍐峰嵈娌瑰害楂�</text>
<text
x="50"
y="270"
@@ -37,7 +37,7 @@
display:inline-block;
border-radius:8px;
background:#007101;
- color:#fff;"
+ fill: rgb(211 211 211);"
text-anchor="middle"
>
娓呮磥搴﹁秴宸�
@@ -48,14 +48,14 @@
display:inline-block;
border-radius:8px;
background:#007101;
- color:#fff;">娓呮磥搴﹁秴宸�</text>
- <text x="240" class="text-item" y="110" text-anchor="middle" font-size="20px"
+ fill: rgb(211 211 211);">娓呮磥搴﹁秴宸�</text>
+ <text x="280" 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>
+ fill:rgb(211 211 211)">淇濇姢鍣ㄦ姤璀�</text>
<image xlink:href="../../public/璇煶.png" x="105" y="100" width="110" height="110" />
</svg>
</div>
--
Gitblit v1.8.0