更新显示数据的样式

src/views/show.vue

@@ -1,7 +1,7 @@
 <template>
-    <div>
-      <p style="color: blue; font-size: 24px;">贵州智信云科技有限公司</p>
-      <div v-if="jsonData">
+    <div class="background">
+      <p class="company-name">贵州智信云科技有限公司</p>
+      <div v-if="jsonData" style="padding-top: 20px;">
         <div v-for="(field, fieldName) in jsonData.root.kczy.row[0]" :key="fieldName">
           <p v-if="fieldLabels[fieldName]">{{ fieldLabels[fieldName] }}: {{ field['#text'] }}</p>
         </div>
@@ -60,6 +60,7 @@
     try {
       const response = await axios.get(`api/seeyon/rest/dee/task/getMineral?token=${token.id}`);
       data.value = response.data;
+      // console.log(data.value);
       //调用xml转json的方法
       const json = xmlToJson(response.data);
       jsonData.value = json;
@@ -70,4 +71,23 @@
   };
   
   </script>
+
+  <style scoped>
+  .background {
+    background-image: url("../assets/img/index.png");
+    background-size:100% 100%;
+    background-position: center;
+    /* 其他样式属性 */
+  }
+*{
+    margin: 0;
+    padding: 0;
+  }
+  .company-name {
+    color: blue;
+    font-size: 24px;
+    text-align: center;
+    padding-top: 110px; /* 设置文本内容距离顶部的距离为 50 像素 */
+  }
+  </style>