diff --git a/code/link56/link56-frontend-new/src/components/QueryCompany.vue b/code/link56/link56-frontend-new/src/components/QueryCompany.vue index a7a1b34a..c66740e7 100644 --- a/code/link56/link56-frontend-new/src/components/QueryCompany.vue +++ b/code/link56/link56-frontend-new/src/components/QueryCompany.vue @@ -51,17 +51,27 @@ function onSearch() { border-radius: 4px; border: 0; color: #000; - // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); - background-color: #f4f4f4; + box-shadow: + 0 1px 2px rgba(0, 0, 0, 0.06), + 0 4px 12px rgba(0, 0, 0, 0.08); .query-item { flex: 1; - + border-right: 1px solid #ddd; :deep(.el-select__wrapper) { height: 60px; border-radius: 0px; box-shadow: none; padding-top: 0px; padding-bottom: 0px; + // background-color: #f2f3f5; + .el-select__selection { + padding: 0px 12px; + } + .el-tag { + color: #000; + height: 36px; + font-size: 16px; + } } :deep(.el-select__placeholder) { font-size: 18px; @@ -73,18 +83,29 @@ function onSearch() { border-radius: 0px; box-shadow: none; padding: 0px; + transform:none; + // background-color: #f2f3f5; } :deep(.el-input__inner) { height: 60px !important; font-size: 18px; + // background-color: #f2f3f5; + color: #000; + padding: 0px 16px; } :deep(.el-cascader__tags) { - padding: 0; + padding: 0px 12px; + .el-tag { + // background-color: #fff; + color: #000; + height: 36px; + font-size: 16px; + } } :deep(.el-cascader__search-input) { margin-left: 0px; - font-size: 18px; + font-size: 24px; } :deep(.el-input__suffix) { padding-right: 12px; @@ -102,7 +123,7 @@ function onSearch() { align-items: center; justify-content: center; font-size: 24px; - background-color: #333; + background-color: #1d79ff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #fff; diff --git a/code/link56/link56-frontend-new/src/layout/components/header.vue b/code/link56/link56-frontend-new/src/layout/components/header.vue index a257ebd7..95bfd33b 100644 --- a/code/link56/link56-frontend-new/src/layout/components/header.vue +++ b/code/link56/link56-frontend-new/src/layout/components/header.vue @@ -105,7 +105,6 @@ function isActive(path: string) { background-color: #fff; .container { - width: 100%; padding: 0rem 3rem; display: flex; justify-content: space-between; diff --git a/code/link56/link56-frontend-new/src/layout/index.vue b/code/link56/link56-frontend-new/src/layout/index.vue index e9c105e8..f94dbf6d 100644 --- a/code/link56/link56-frontend-new/src/layout/index.vue +++ b/code/link56/link56-frontend-new/src/layout/index.vue @@ -5,9 +5,7 @@ import Header from './components/header.vue'