From a411e6a6e8baf3a0f0ebf6255f312669903d3754 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 22 一月 2024 17:38:23 +0800
Subject: [PATCH] 安装适配样式的插件和配置vite+调整页面样式
---
src/views/dashboard/components/KnowledgeInfo.vue | 49 ++++++++++++++++++++++++++++++++++++-------------
1 files changed, 36 insertions(+), 13 deletions(-)
diff --git a/src/views/dashboard/components/KnowledgeInfo.vue b/src/views/dashboard/components/KnowledgeInfo.vue
index 5a30089..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="left: 265px; 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,19 +14,42 @@
<style scoped lang="scss">
$status-ready: #024fdce8;
.knowledge-info {
- height: calc(100% - 100px - 32px);
- width: 400px;
- max-width: 430px;
- min-height: 330px;
+ height: 100%;
+ width: 100%;
+ min-height: 100px;
margin: 0 auto;
- margin-top: 30px;
+ // 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