| | |
|---|
| | | <header class="app-header"> |
|---|
| | | <div class="brand"> |
|---|
| | | <repair-logo></repair-logo> |
|---|
| | | <span>临抢修管理系统</span> |
|---|
| | | <em>网络版</em> |
|---|
| | | <span>rk_SystemName</span> |
|---|
| | | <em class="system-version">rk_SystemVer</em> |
|---|
| | | <span v-if="menuPathText" class="menu-path" :title="menuPathText">{{ menuPathText }}</span> |
|---|
| | | </div> |
|---|
| | | <div class="header-right"> |
|---|
| | |
|---|
| | | .brand { display: flex; flex: 1; align-items: center; min-width: 0; gap: 9px; font-size: 18px; font-weight: 600; } |
|---|
| | | .brand .repair-logo { color: #7fc4ff; font-size: 25px; transform: translateY(2px); } |
|---|
| | | .brand em { padding: 1px 6px; border: 1px solid rgba(255,255,255,.35); border-radius: 3px; font-size: 11px; font-style: normal; font-weight: 400; opacity: .85; } |
|---|
| | | .brand .system-version { border-color: rgba(255, 107, 107, .65); color: #ff6b6b; opacity: 1; } |
|---|
| | | .brand > .repair-logo, .brand > span:not(.menu-path), .brand > em { flex: 0 0 auto; } |
|---|
| | | .menu-path { flex: 0 1 auto; min-width: 0; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.28); overflow: hidden; color: #d8e9f7; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; } |
|---|
| | | .header-right { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; font-size: 14px; } |
|---|
