gitcc
/
inncom_list
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

。。

main
wangqiujuan0808 2024-03-20 21:01:52 +08:00
parent 180c09d506
commit a336eb75c1
2 changed files with 50 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/style.css
View File

@ -59,10 +59,10 @@ button:focus-visible {
} }
#app { #app {
width: 1920px; width: 100%;
height:1080px; height:100%;
margin: 0 auto; margin: 0 auto;
padding: 2rem; /* padding: 2rem; */
text-align: center; text-align: center;
} }

53
src/views/Room.vue
View File

@ -17,12 +17,24 @@
</div> </div>
</el-card> </el-card>
<el-card> <el-card>
<div class="div-1"></div> <div class="div-1">
<div class="div-2"></div> <span class="name name1">房型信息</span>
<div class="div-3"></div> </div>
<div class="div-4"></div> <div class="div-2">
<div class="div-5"></div> <span class="name name2">灯光信息</span>
<div class="div-6"></div> </div>
<div class="div-3">
<span class="name name3">空调信息</span>
</div>
<div class="div-4">
<span class="name name4">面板信息</span>
</div>
<div class="div-5">
<span class="name name5">窗帘信息</span>
</div>
<div class="div-6">
<span class="name name6">其他信息</span>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
@ -95,6 +107,35 @@ const addRoom = () => {
>div { >div {
border: 1px solid #ddd; border: 1px solid #ddd;
display: flex;
border-radius: 8px;
.name {
width: 50px;
color:#fff;
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
}
.name1 {
background: #de868f;
}
.name2 {
background: #e99d42;
}
.name3 {
background: #cba43f;
}
.name4 {
background: #bfbf3d;
}
.name5 {
background: #54bcbd;
}
.name6 {
background: #e99d42;
}
} }
.div-1 { .div-1 {