Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-26 00:53:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 完成参数管理页面改造

Browse Source
This commit is contained in:
zhuoqinglian
2026-06-15 15:44:09 +08:00
parent 6859fdc90e
commit 2d9b915d51
9 changed files with 931 additions and 765 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/manager-web/src/components/CustomButton.vue
+51 -12
View File
@@ -15,7 +15,7 @@ export default {
type: {
type: String,
default: 'default',
validator: (val) => ['default', 'confirm'].includes(val)
validator: (val) => ['default', 'confirm', 'delete'].includes(val)
}
}
};
@@ -23,29 +23,33 @@ export default {
<style lang="scss" scoped>
.custom-button--default {
background: transparent;
color: #8099fc;
border: 1px solid #adbdff;
width: fit-content;
background: #4998ff;
color: #ffffff;
border: none;
border-radius: 6px;
transition: all 0.3s ease;
&.el-button--small {
font-size: 14px;
}
&.el-button--medium {
padding: 12px 20px;
}
&:hover {
background: #f1f2ff;
color: #8099fc;
border-color: #adbdff;
box-shadow: 0 2px 8px rgba(128, 153, 252, 0.3);
background: #62a4fc;
color: #ffffff;
border-color: transparent;
box-shadow: 0 2px 8px rgba(74, 124, 253, 0.2);
transform: translateY(-2px);
}
&.is-disabled,
&.is-disabled:hover {
background: transparent;
color: #c0c4cc;
border-color: #e4e7ed;
background: linear-gradient(to right, #f0f3fe, #f5f6fe);
color: rgba(74, 124, 253, 0.5);
border-color: transparent;
box-shadow: none;
transform: none;
cursor: not-allowed;
@@ -63,9 +67,11 @@ export default {
&.el-button--small {
font-size: 14px;
}
&.el-button--medium {
padding: 12px 20px;
}
&:hover {
background: linear-gradient(to right, #6b8cff, #9a7cff);
color: white;
border-color: transparent;
box-shadow: 0 2px 8px rgba(74, 124, 253, 0.3);
@@ -82,4 +88,37 @@ export default {
cursor: not-allowed;
}
}
.custom-button--delete {
width: fit-content;
background: linear-gradient(to right, #ff6b6b, #ff8e8e);
color: white;
border: none;
border-radius: 6px;
transition: all 0.3s ease;
&.el-button--small {
font-size: 14px;
}
&.el-button--medium {
padding: 12px 20px;
}
&:hover {
color: white;
border-color: transparent;
box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
transform: translateY(-2px);
}
&.is-disabled,
&.is-disabled:hover {
background: linear-gradient(to right, #ffaaaa, #ffcaca);
color: rgba(255, 255, 255, 0.6);
border-color: transparent;
box-shadow: none;
transform: none;
cursor: not-allowed;
}
}
</style>