nicolas/kdemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化按钮

Browse Source
This commit is contained in:
nicomacbookpro
2025-08-21 15:10:58 +08:00
parent e1a6151b07
commit 38e96c7a76
1 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/bigScreen/home/index.vue
View File

@@ -48,15 +48,15 @@
</div> </div>
</el-dialog> </el-dialog>
<div class="operate-box"> <div class="operate-box">
<el-button type="primary" @click="changeScene('ocean')"> <div @click="changeScene('ocean')">
海洋 海洋
</el-button> </div>
<el-button type="primary" @click="changeScene('grass')"> <div @click="changeScene('grass')">
草地 草地
</el-button> </div>
<el-button type="primary" @click="changeScene('desert')"> <div @click="changeScene('desert')">
沙漠 沙漠
</el-button> </div>
</div> </div>
</div> </div>
@@ -710,14 +710,30 @@ export default {
width: 100px; width: 100px;
height: 300px; height: 300px;
background-color: #000;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.el-button { >div {
display: block; width: 100%;
height: 30px;
background-color: antiquewhite;
border-radius: 10px;
margin-bottom: 10px;
cursor: pointer;
text-align: center;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #000;
background-color: #0979ca;
border: 1px solid #0979ca;
&:hover {
background-color: #00fb59;
}
} }
} }
</style> </style>