15085159322/ yqym
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新显示数据的样式

This commit is contained in:
xiaozhang 2024-02-29 15:26:50 +08:00
parent 531c0da30a
commit 1f3bd71f10
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/index.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

26
src/views/show.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div class="background">
<p style="color: blue; font-size: 24px;">贵州智信云科技有限公司</p> <p class="company-name">贵州智信云科技有限公司</p>
<div v-if="jsonData"> <div v-if="jsonData" style="padding-top: 20px;">
<div v-for="(field, fieldName) in jsonData.root.kczy.row[0]" :key="fieldName"> <div v-for="(field, fieldName) in jsonData.root.kczy.row[0]" :key="fieldName">
<p v-if="fieldLabels[fieldName]">{{ fieldLabels[fieldName] }}: {{ field['#text'] }}</p> <p v-if="fieldLabels[fieldName]">{{ fieldLabels[fieldName] }}: {{ field['#text'] }}</p>
</div> </div>
@ -60,6 +60,7 @@
try { try {
const response = await axios.get(`api/seeyon/rest/dee/task/getMineral?token=${token.id}`); const response = await axios.get(`api/seeyon/rest/dee/task/getMineral?token=${token.id}`);
data.value = response.data; data.value = response.data;
// console.log(data.value);
//调用xml转json的方法 //调用xml转json的方法
const json = xmlToJson(response.data); const json = xmlToJson(response.data);
jsonData.value = json; jsonData.value = json;
@ -70,4 +71,23 @@
}; };
</script> </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>