<template>
|
<div class="keyword-ring">
|
<svg width="400" height="400">
|
<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 x="200" y="40" style="fill: #000; font-weight: bold; font-size: 20px; cursor: pointer" text-anchor="middle">
|
误报警
|
</text>
|
<text x="290" y="145" text-anchor="middle" font-size="20px">管路整动</text>
|
<text x="195" y="280" text-anchor="middle" font-size="20px">清洁度超差</text>
|
<text
|
x="100"
|
y="180"
|
style="fill: #000; font-weight: bold; font-size: 20px; cursor: pointer"
|
text-anchor="middle"
|
>
|
误报警
|
</text>
|
<text x="100" y="75" text-anchor="middle" font-size="20px">管路整动</text>
|
<text x="295" y="80" text-anchor="middle" font-size="20px">清洁度超差</text>
|
<image xlink:href="../../public/语音.png" x="105" y="100" width="150" height="150" />
|
</svg>
|
</div>
|
</template>
|
<script>
|
const data = {
|
// 您的关键词数据
|
}
|
|
const MyComponent = {
|
data() {
|
return {
|
myImage: "../../public/语音.png"
|
}
|
}
|
}
|
</script>
|
