增加单位功能
This commit is contained in:
@@ -426,12 +426,12 @@ function copyAll() {
|
||||
:deep(.pool-detail-dialog .el-dialog__header) {
|
||||
padding: 18px 22px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #eef0f5;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
|
||||
:deep(.pool-detail-dialog .el-dialog__body) {
|
||||
padding: 18px 22px 22px;
|
||||
background: #f6f8fb;
|
||||
background: var(--el-bg-color-page);
|
||||
}
|
||||
|
||||
:deep(.el-tag) {
|
||||
@@ -454,14 +454,14 @@ function copyAll() {
|
||||
.detail-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.detail-subtitle,
|
||||
.section-subtitle {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
@@ -481,8 +481,8 @@ function copyAll() {
|
||||
|
||||
.section-card,
|
||||
.info-card {
|
||||
background: #fff;
|
||||
border: 1px solid #edf0f6;
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
|
||||
}
|
||||
|
||||
@@ -499,13 +499,13 @@ function copyAll() {
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
word-break: break-all;
|
||||
@@ -526,7 +526,7 @@ function copyAll() {
|
||||
.section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.token-box {
|
||||
@@ -556,8 +556,8 @@ function copyAll() {
|
||||
padding: 12px;
|
||||
min-height: 42px;
|
||||
border-radius: 10px;
|
||||
background: #f8fafc;
|
||||
color: #303133;
|
||||
background: var(--el-fill-color-lighter);
|
||||
color: var(--el-text-color-primary);
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
||||
@@ -533,12 +533,12 @@ onBeforeUnmount(() => {
|
||||
:deep(.pool-detail-dialog .el-dialog__header) {
|
||||
padding: 18px 60px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #eef0f5;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
|
||||
:deep(.pool-detail-dialog .el-dialog__body) {
|
||||
padding: 18px 60px 22px;
|
||||
background: #f6f8fb;
|
||||
background: var(--el-bg-color-page);
|
||||
border-bottom-left-radius: 18px;
|
||||
border-bottom-right-radius: 18px;
|
||||
}
|
||||
@@ -563,14 +563,14 @@ onBeforeUnmount(() => {
|
||||
.detail-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.detail-subtitle,
|
||||
.section-subtitle {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
@@ -591,8 +591,8 @@ onBeforeUnmount(() => {
|
||||
|
||||
.section-card,
|
||||
.info-card {
|
||||
background: #fff;
|
||||
border: 1px solid #edf0f6;
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
|
||||
}
|
||||
|
||||
@@ -612,13 +612,13 @@ onBeforeUnmount(() => {
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 11px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
word-break: break-all;
|
||||
@@ -633,8 +633,8 @@ onBeforeUnmount(() => {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
border: 1px solid #edf0f6;
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
box-shadow: 0 4px 12px rgba(31, 41, 55, 0.08);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -642,13 +642,13 @@ onBeforeUnmount(() => {
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
transition: all 0.2s ease;
|
||||
color: #606266;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
|
||||
.nav-btn:hover:not(.is-disabled) {
|
||||
background: #409eff;
|
||||
color: #fff;
|
||||
border-color: #409eff;
|
||||
background: var(--el-color-primary);
|
||||
color: var(--el-color-white);
|
||||
border-color: var(--el-color-primary);
|
||||
box-shadow: 0 6px 16px rgba(64, 158, 255, 0.35);
|
||||
transform: translateY(-50%) scale(1.1);
|
||||
}
|
||||
@@ -656,9 +656,9 @@ onBeforeUnmount(() => {
|
||||
.nav-btn.is-disabled {
|
||||
opacity: 0.3;
|
||||
cursor: not-allowed;
|
||||
background: #f5f7fa;
|
||||
color: #c0c4cc;
|
||||
border-color: #e4e7ed;
|
||||
background: var(--el-fill-color-light);
|
||||
color: var(--el-text-color-placeholder);
|
||||
border-color: var(--el-border-color-light);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -684,7 +684,7 @@ onBeforeUnmount(() => {
|
||||
.section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.token-box {
|
||||
@@ -714,8 +714,8 @@ onBeforeUnmount(() => {
|
||||
padding: 12px;
|
||||
min-height: 42px;
|
||||
border-radius: 10px;
|
||||
background: #f8fafc;
|
||||
color: #303133;
|
||||
background: var(--el-fill-color-lighter);
|
||||
color: var(--el-text-color-primary);
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
||||
@@ -426,12 +426,12 @@ function copyAll() {
|
||||
:deep(.pool-detail-dialog .el-dialog__header) {
|
||||
padding: 18px 22px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #eef0f5;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
|
||||
:deep(.pool-detail-dialog .el-dialog__body) {
|
||||
padding: 18px 22px 22px;
|
||||
background: #f6f8fb;
|
||||
background: var(--el-bg-color-page);
|
||||
}
|
||||
|
||||
:deep(.el-tag) {
|
||||
@@ -454,14 +454,14 @@ function copyAll() {
|
||||
.detail-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.detail-subtitle,
|
||||
.section-subtitle {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
@@ -481,8 +481,8 @@ function copyAll() {
|
||||
|
||||
.section-card,
|
||||
.info-card {
|
||||
background: #fff;
|
||||
border: 1px solid #edf0f6;
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
|
||||
}
|
||||
|
||||
@@ -499,13 +499,13 @@ function copyAll() {
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
word-break: break-all;
|
||||
@@ -526,7 +526,7 @@ function copyAll() {
|
||||
.section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.token-box {
|
||||
@@ -556,8 +556,8 @@ function copyAll() {
|
||||
padding: 12px;
|
||||
min-height: 42px;
|
||||
border-radius: 10px;
|
||||
background: #f8fafc;
|
||||
color: #303133;
|
||||
background: var(--el-fill-color-lighter);
|
||||
color: var(--el-text-color-primary);
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
||||
@@ -426,12 +426,12 @@ function copyAll() {
|
||||
:deep(.pool-detail-dialog .el-dialog__header) {
|
||||
padding: 18px 22px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #eef0f5;
|
||||
border-bottom: 1px solid var(--el-border-color-lighter);
|
||||
}
|
||||
|
||||
:deep(.pool-detail-dialog .el-dialog__body) {
|
||||
padding: 18px 22px 22px;
|
||||
background: #f6f8fb;
|
||||
background: var(--el-bg-color-page);
|
||||
}
|
||||
|
||||
:deep(.el-tag) {
|
||||
@@ -454,14 +454,14 @@ function copyAll() {
|
||||
.detail-title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.detail-subtitle,
|
||||
.section-subtitle {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
}
|
||||
|
||||
.header-actions {
|
||||
@@ -481,8 +481,8 @@ function copyAll() {
|
||||
|
||||
.section-card,
|
||||
.info-card {
|
||||
background: #fff;
|
||||
border: 1px solid #edf0f6;
|
||||
background: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color-lighter);
|
||||
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
|
||||
}
|
||||
|
||||
@@ -499,13 +499,13 @@ function copyAll() {
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #909399;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
word-break: break-all;
|
||||
@@ -526,7 +526,7 @@ function copyAll() {
|
||||
.section-title {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #303133;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.token-box {
|
||||
@@ -556,8 +556,8 @@ function copyAll() {
|
||||
padding: 12px;
|
||||
min-height: 42px;
|
||||
border-radius: 10px;
|
||||
background: #f8fafc;
|
||||
color: #303133;
|
||||
background: var(--el-fill-color-lighter);
|
||||
color: var(--el-text-color-primary);
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
|
||||
Reference in New Issue
Block a user