.container[data-v-1cf27b2a] { padding: 0.5rem; background-color: #f5f5f5; /* min-height: 100vh; */ } /* 标题栏 */ .title-bar[data-v-1cf27b2a] { display: flex; justify-content: space-between; align-items: center; padding: 0.625rem 0; border-bottom: 1px solid #eee; margin-bottom: 0.625rem; margin-top: 2.5rem; } .title[data-v-1cf27b2a] { font-size: 1.125rem; font-weight: bold; color: #333; } .scan-btn[data-v-1cf27b2a] { background-color: #00c900; color: white; padding: 0 0.75rem; border-radius: 0.25rem; font-size: 0.875rem; margin-right: 5%; } .scan-btn[data-v-1cf27b2a]:disabled { background-color: #ccc; } /* 状态提示 */ .status-tip[data-v-1cf27b2a] { text-align: center; padding: 1.25rem 0; color: #666; font-size: 0.875rem; } .loading[data-v-1cf27b2a] { width: 0.9375rem; height: 0.9375rem; border: 0.09375rem solid #007aff; border-top-color: transparent; border-radius: 50%; margin: 0.625rem auto; animation: spin-1cf27b2a 1s linear infinite; } @keyframes spin-1cf27b2a { to { transform: rotate(360deg); } } /* 设备列表 */ .device-list[data-v-1cf27b2a] { display: flex; flex-direction: column; gap: 0.5rem; } .device-item[data-v-1cf27b2a] { background-color: white; border-radius: 0.375rem; padding: 0.75rem; box-shadow: 0 0.0625rem 0.25rem rgba(0,0,0,0.1); cursor: pointer; } .device-name[data-v-1cf27b2a] { display: flex; justify-content: space-between; margin-bottom: 0.5rem; } .device-name uni-text[data-v-1cf27b2a]:first-child { font-size: 1rem; color: #333; } .is_bj[data-v-1cf27b2a]{ padding: 3px 8px; border-radius: 5px; color: white; background-color: rgba(30, 228, 156, 0.4); position: relative; right: 30px; } .device-id[data-v-1cf27b2a] { font-size: 0.75rem; color: #999; } .device-rssi[data-v-1cf27b2a] { display: flex; flex-direction: column; gap: 0.25rem; } .device-rssi uni-text[data-v-1cf27b2a] { font-size: 0.8125rem; color: #666; } .rssi-bar[data-v-1cf27b2a] { height: 0.25rem; background-color: #eee; border-radius: 0.125rem; overflow: hidden; } .rssi-bar[data-v-1cf27b2a]::after { content: ''; display: block; height: 100%; background: linear-gradient(to right, #ff4d4f, #faad14, #52c41a); } .device-status[data-v-1cf27b2a] { margin-top: 0.5rem; text-align: right; } .connected[data-v-1cf27b2a] { font-size: 0.8125rem; color: #07c160; background-color: #f0fff4; padding: 0.125rem 0.5rem; border-radius: 0.375rem; }