-
+
内存使用率: {% raw %}{{ systemInfo.memory_usage }}{% endraw %}%
@@ -726,5 +732,102 @@
color: #909399;
margin-top: auto;
}
+
+ /* 系统状态标题栏样式 */
+ .el-card__header {
+ position: relative;
+ }
+
+ .system-info-summary {
+ position: absolute;
+ right: 20px;
+ font-size: 12px;
+ color: #909399;
+ }
+
+ /* 用户信息容器样式调整 */
+ .user-info-container {
+ background-color: #f9f9f9;
+ border-radius: 4px;
+ padding: 15px;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .user-avatar-container {
+ text-align: center;
+ margin-bottom: 15px;
+ }
+
+ .user-avatar-container img {
+ width: 80px;
+ height: 80px;
+ border-radius: 50%;
+ border: 2px solid #fff;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .user-info-details {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ }
+
+ .user-info-item {
+ display: flex;
+ align-items: center;
+ }
+
+ .user-info-label {
+ width: 70px;
+ color: #606266;
+ font-weight: 500;
+ flex-shrink: 0;
+ }
+
+ .user-info-value {
+ color: #303133;
+ flex: 1;
+ word-break: break-all;
+ }
+
+ .user-home-path {
+ font-size: 12px;
+ }
+
+ /* 移除不再需要的样式 */
+ .user-info-header,
+ .user-avatar,
+ .user-details,
+ .user-nickname,
+ .user-wxid,
+ .system-info-container {
+ /* 这些类不再需要,但保留以防其他地方使用 */
+ }
+
+ .user-info-row {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 12px;
+ line-height: 1.5;
+ }
+
+ .info-label {
+ color: #606266;
+ font-weight: 500;
+ }
+
+ .info-value {
+ color: #303133;
+ text-align: right;
+ }
+
+ .system-update-time {
+ text-align: right;
+ font-size: 12px;
+ color: #909399;
+ margin-top: auto;
+ }
{% endblock %}
\ No newline at end of file