修改了简易配置

This commit is contained in:
root 2025-09-08 08:50:27 +08:00
parent 00bba8f7cf
commit 54e81ac0ea
3 changed files with 54 additions and 245 deletions

View File

@ -34,7 +34,7 @@ synchronized_images_only = False
[DEVICES] [DEVICES]
imu_device_type = real imu_device_type = real
imu_port = COM8 imu_port = COM9
imu_baudrate = 9600 imu_baudrate = 9600
pressure_device_type = real pressure_device_type = real
pressure_use_mock = False pressure_use_mock = False

View File

@ -1,4 +1,5 @@
/* 全局样式重置 */ /* Global styles for BodyBalanceEvaluation frontend */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -6,72 +7,40 @@
} }
body { body {
font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f5f7fa; background-color: #f5f5f5;
color: #303133; color: #333;
line-height: 1.6; line-height: 1.6;
} }
/* 滚动条样式 */ #app {
::-webkit-scrollbar { width: 100%;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* 布局容器 */
.app-container {
display: flex;
height: 100vh; height: 100vh;
overflow: hidden;
} }
.sidebar { /* 通用样式 */
width: 250px; .container {
background: #304156; max-width: 1200px;
color: white; margin: 0 auto;
overflow-y: auto;
transition: width 0.3s;
}
.sidebar.collapsed {
width: 64px;
}
.main-content {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.header {
height: 60px;
border-bottom: 1px solid #e4e7ed;
display: flex;
align-items: center;
padding: 0 20px;
box-shadow: 0 1px 4px rgba(0,21,41,.08);
}
.content {
flex: 1;
padding: 20px; padding: 20px;
overflow-y: auto; }
background: #f5f7fa;
/* 按钮样式 */
.btn {
padding: 8px 16px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-primary {
background-color: #409eff;
color: white;
}
.btn-primary:hover {
background-color: #66b1ff;
} }
/* 卡片样式 */ /* 卡片样式 */
@ -83,201 +52,31 @@ body {
margin-bottom: 20px; margin-bottom: 20px;
} }
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
}
.card-title {
font-size: 18px;
font-weight: 600;
color: #303133;
}
/* 状态指示器 */
.status-indicator {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
}
.status-online {
background-color: #67c23a;
}
.status-offline {
background-color: #f56c6c;
}
.status-warning {
background-color: #e6a23c;
}
/* 数据展示 */
.data-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.data-item {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
text-align: center;
}
.data-value {
font-size: 32px;
font-weight: bold;
color: #409eff;
margin-bottom: 8px;
}
.data-label {
font-size: 14px;
color: #909399;
}
/* 按钮组 */
.button-group {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
/* 表单样式 */
.form-container {
/* max-width: 600px; */
margin: 0 auto;
}
.form-row {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.form-item {
flex: 1;
}
/* 图表容器 */
.chart-container {
height: 400px;
margin: 20px 0;
}
/* 视频容器 */
.video-container {
position: relative;
background: #000;
border-radius: 8px;
overflow: hidden;
}
.video-player {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.7));
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
}
/* 响应式设计 */ /* 响应式设计 */
@media (max-width: 768px) { @media (max-width: 768px) {
.sidebar { .container {
width: 100%; padding: 10px;
position: fixed;
top: 0;
left: -100%;
z-index: 1000;
transition: left 0.3s;
} }
.sidebar.open { .card {
left: 0; padding: 15px;
}
.main-content {
margin-left: 0;
}
.data-grid {
grid-template-columns: 1fr;
}
.form-row {
flex-direction: column;
} }
} }
/* 动画效果 */ /* 滚动条样式 */
.fade-enter-active, ::-webkit-scrollbar {
.fade-leave-active { width: 8px;
transition: opacity 0.3s;
} }
.fade-enter-from, ::-webkit-scrollbar-track {
.fade-leave-to { background: #f1f1f1;
opacity: 0;
} }
.slide-enter-active, ::-webkit-scrollbar-thumb {
.slide-leave-active { background: #c1c1c1;
transition: transform 0.3s; border-radius: 4px;
} }
.slide-enter-from { ::-webkit-scrollbar-thumb:hover {
transform: translateX(-100%); background: #a8a8a8;
}
.slide-leave-to {
transform: translateX(100%);
}
/* 工具类 */
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-20 {
margin-top: 20px;
}
.p-20 {
padding: 20px;
}
.full-width {
width: 100%;
}
.full-height {
height: 100%;
} }

View File

@ -535,6 +535,16 @@
<el-option label="COM8" value="COM8" /> <el-option label="COM8" value="COM8" />
<el-option label="COM9" value="COM9" /> <el-option label="COM9" value="COM9" />
<el-option label="COM10" value="COM10" /> <el-option label="COM10" value="COM10" />
<el-option label="COM11" value="COM11" />
<el-option label="COM12" value="COM12" />
<el-option label="COM13" value="COM13" />
<el-option label="COM14" value="COM14" />
<el-option label="COM15" value="COM15" />
<el-option label="COM16" value="COM16" />
<el-option label="COM17" value="COM17" />
<el-option label="COM18" value="COM18" />
<el-option label="COM19" value="COM19" />
<el-option label="COM20" value="COM20" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>