| | |
|---|
| | | margin-top: 6vh !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-dialog__body {
|
|---|
| | | padding: 8px 20px !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
|
|---|
| | | overflow: auto;
|
|---|
| | | overflow-x: hidden;
|
|---|
| | |
|---|
| | | border: 1px solid #e5e6e7;
|
|---|
| | | background: #FFFFFF none;
|
|---|
| | | border-radius: 4px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 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 {
|
|---|
| | | min-width: 120px !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media (max-width: 768px) {
|
|---|
| | |
|---|
| | | color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /** 详细卡片样式 */
|
|---|
| | | .detail-drawer {
|
|---|
| | | .el-drawer__header {
|
|---|
| | | margin-bottom: 6px;
|
|---|
| | | padding: 8px 12px 6px;
|
|---|
| | | font-size: 15px;
|
|---|
| | | color: #303133;
|
|---|
| | | background: #f8f8f8;
|
|---|
| | | }
|
|---|
| | | .section-header {
|
|---|
| | | font-size: 15px;
|
|---|
| | | color: #6379bb;
|
|---|
| | | border-bottom: 1px solid #ddd;
|
|---|
| | | margin: 12px 0 16px 0;
|
|---|
| | | padding-bottom: 8px;
|
|---|
| | | }
|
|---|
| | | .drawer-content {
|
|---|
| | | padding: 0 20px 20px 20px;
|
|---|
| | | .info-item {
|
|---|
| | | display: flex;
|
|---|
| | | align-items: flex-start;
|
|---|
| | | padding: 8px 0;
|
|---|
| | | min-height: 40px;
|
|---|
| | | }
|
|---|
| | | .info-label {
|
|---|
| | | flex-shrink: 0;
|
|---|
| | | width: 200px;
|
|---|
| | | color: #606266;
|
|---|
| | | font-size: 13px;
|
|---|
| | | line-height: 1.6;
|
|---|
| | | padding-top: 4px;
|
|---|
| | | text-align: right;
|
|---|
| | | margin-right: 14px;
|
|---|
| | | }
|
|---|
| | | .info-value {
|
|---|
| | | flex: 1;
|
|---|
| | | color: #303133;
|
|---|
| | | font-size: 13px;
|
|---|
| | | font-weight: 500;
|
|---|
| | | line-height: 1.6;
|
|---|
| | | word-break: break-all;
|
|---|
| | | padding-top: 4px;
|
|---|
| | | min-height: 1.6em;
|
|---|
| | | &.plaintext {
|
|---|
| | | border-bottom: 1px dashed #dde1e6;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* tree-sidebar content */
|
|---|
| | | .tree-sidebar-manage-wrap {
|
|---|
| | | display: flex;
|
|---|
| | | gap: 0;
|
|---|
| | | min-height: calc(100vh - 130px);
|
|---|
| | | padding: 0 !important;
|
|---|
| | | overflow: hidden;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .tree-sidebar-content {
|
|---|
| | | flex: 1;
|
|---|
| | | min-width: 0;
|
|---|
| | | overflow: hidden;
|
|---|
| | | background: #fff;
|
|---|
| | |
|
|---|
| | | .content-inner {
|
|---|
| | | padding: 12px 16px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: auto;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 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;
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 拖拽列样式 */
|
|---|
| | | .allowDrag { cursor: grab; }
|
|---|
| | | .allowDrag:active { cursor: grabbing; }
|
|---|
| | |
|
|---|
| | | .sortable-ghost {
|
|---|
| | | opacity: .8;
|
|---|
| | | color: #fff !important;
|
|---|
| | |
|---|
| | | .top-right-btn {
|
|---|
| | | position: relative;
|
|---|
| | | float: right;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* 分割面板样式 */
|
|---|
| | | .splitpanes.default-theme .splitpanes__pane {
|
|---|
| | | background-color: #fff!important;
|
|---|
| | | }
|
|---|
