| | |
|---|
| | | border-radius: 4px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* el menu */
|
|---|
| | | .el-menu-item,
|
|---|
| | | .el-sub-menu {
|
|---|
| | | .svg-icon + span {
|
|---|
| | | margin-left: 5px;
|
|---|
| | | }
|
|---|
| | | /* horizontal el menu */
|
|---|
| | | .el-menu--horizontal .el-menu-item .svg-icon + span,
|
|---|
| | | .el-menu--horizontal .el-submenu__title .svg-icon + span {
|
|---|
| | | margin-left: 3px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-menu--horizontal .el-menu--popup {
|
|---|
| | |
|---|
| | | color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /** 详细卡片样式 */
|
|---|
| | | .detail-wrap { padding: 0 4px; }
|
|---|
| | |
|
|---|
| | | .detail-card {
|
|---|
| | | border: 1px solid #ebeef5;
|
|---|
| | | border-radius: 6px;
|
|---|
| | | margin-bottom: 14px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .detail-card-title {
|
|---|
| | | background: #f7f9fb;
|
|---|
| | | padding: 8px 16px;
|
|---|
| | | font-size: 13px;
|
|---|
| | | font-weight: 600;
|
|---|
| | | color: #333;
|
|---|
| | | border-bottom: 1px solid #ebeef5;
|
|---|
| | | }
|
|---|
| | | .detail-card-title i { margin-right: 5px; color: #409EFF; }
|
|---|
| | |
|
|---|
| | | .detail-row { padding: 0 8px; }
|
|---|
| | |
|
|---|
| | | .detail-item {
|
|---|
| | | display: flex;
|
|---|
| | | align-items: flex-start;
|
|---|
| | | padding: 10px 8px;
|
|---|
| | | font-size: 13px;
|
|---|
| | | border-bottom: 1px solid #f5f7fa;
|
|---|
| | | }
|
|---|
| | | .detail-item:last-child { border-bottom: none; }
|
|---|
| | |
|
|---|
| | | .detail-label {
|
|---|
| | | flex-shrink: 0;
|
|---|
| | | width: 72px;
|
|---|
| | | color: #909399;
|
|---|
| | | margin-right: 12px;
|
|---|
| | | }
|
|---|
| | | .detail-value { color: #303133; flex: 1; word-break: break-all; }
|
|---|
| | | .detail-location { color: #999; font-size: 12px; }
|
|---|
| | |
|
|---|
| | | .method-tag {
|
|---|
| | | display: inline-block;
|
|---|
| | | padding: 1px 7px;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | font-size: 11px;
|
|---|
| | | font-weight: 700;
|
|---|
| | | margin-right: 6px;
|
|---|
| | | vertical-align: middle;
|
|---|
| | | }
|
|---|
| | | .mono { font-family: Consolas, 'SFMono-Regular', monospace; font-size: 12px; }
|
|---|
| | | .code-body { padding: 14px; }
|
|---|
| | | .code-wrap {
|
|---|
| | | background: #f7f9fb;
|
|---|
| | | border: 1px solid #e8ecf0;
|
|---|
| | | border-radius: 4px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | max-height: 260px;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | | .code-action {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 8px;
|
|---|
| | | right: 8px;
|
|---|
| | | z-index: 10;
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | .code-action .el-button { |
|---|
| | | height: 24px; |
|---|
| | | font-size: 12px; |
|---|
| | | padding: 4px 8px; |
|---|
| | | background: rgba(255, 255, 255, 0.9);
|
|---|
| | | border: 1px solid #dcdcdc;
|
|---|
| | | }
|
|---|
| | | .code-action .el-button:hover { |
|---|
| | | background: #ffffff;
|
|---|
| | | border-color: #409EFF;
|
|---|
| | | }
|
|---|
| | | .code-pre {
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 12px 14px;
|
|---|
| | | font-size: 12px;
|
|---|
| | | line-height: 1.6;
|
|---|
| | | font-family: Consolas, 'SFMono-Regular', monospace;
|
|---|
| | | color: #444;
|
|---|
| | | white-space: pre-wrap;
|
|---|
| | | word-break: break-all;
|
|---|
| | | overflow: auto;
|
|---|
| | | max-height: 240px;
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* error */
|
|---|
| | | .error-title { color: #c0392b !important; }
|
|---|
| | | .error-title i { color: #c0392b !important; }
|
|---|
| | | .error-body { padding: 12px 16px; }
|
|---|
| | | .error-msg {
|
|---|
| | | background: #fff8f8;
|
|---|
| | | border-left: 3px solid #e74c3c;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | padding: 8px 12px;
|
|---|
| | | color: #c0392b;
|
|---|
| | | font-size: 12px;
|
|---|
| | | line-height: 1.7;
|
|---|
| | | word-break: break-all;
|
|---|
| | | white-space: pre-wrap;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* http method */
|
|---|
| | | .method-GET { background: #e8f5e9; color: #27ae60; }
|
|---|
| | | .method-POST { background: #e3f2fd; color: #1565c0; }
|
|---|
| | | .method-PUT { background: #fff3e0; color: #e65100; }
|
|---|
| | | .method-DELETE { background: #ffebee; color: #c62828; }
|
|---|
| | |
|
|---|
| | | /* text color */
|
|---|
| | | .text-navy {
|
|---|
| | | color: #1ab394;
|
|---|
