diff --git a/public/favicon.ico b/public/favicon.ico index e263760..051cd7d 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/views/company/search.vue b/src/views/company/search.vue index cee189e..6264824 100644 --- a/src/views/company/search.vue +++ b/src/views/company/search.vue @@ -8,8 +8,8 @@ 搜索 - 全选 - + 全选 + {{city}} {{advancedSearch ? '收起' : '高级搜索'}} @@ -50,7 +50,7 @@
-

为您找到{{searchDataList.length}}条相关信息

+

为您找到{{searchDataList.length}}条相关信息

@@ -59,11 +59,11 @@
- + 电话: {{item.mobile}} - + 官网: {{item.websiteAddress}} @@ -322,6 +322,7 @@ export default { } .el-input { border: 2px solid #00a9fe; + border-radius: 4px; input { border: 0; } @@ -354,10 +355,11 @@ export default { margin: 0 auto; width: 600px; .search-top { + text-align: center; label { display: inline-block; color: rgb(110, 109, 109); - margin: 0 10px; + margin: 10px; line-height: 60px; vertical-align: top; font-size: 22px; @@ -365,23 +367,24 @@ export default { } .search { position: relative; - widows: 60px; + width: 60px; height: 60px; + margin-top: 12px; } } .advanced-search { position: absolute; z-index: 999; - background: #fff; + background: #f8f8f8; left: 50%; transform: translateX(-50%); margin-top: 20px; padding: 15px; width: 900px; - min-height: 400px; - border: 1px solid rgb(170, 168, 168); + min-height: 300px; + // border: 1px solid rgb(170, 168, 168); border-radius: 10px; - box-shadow: 0px 0px 15px #888888; + box-shadow: 0px 0px 15px rgba($color: #000000, $alpha: 0.2); .title-block { position: relative; width: 100%; @@ -390,19 +393,28 @@ export default { &::before { position: absolute; content: ' '; - width: 4px; - height: 20px; - background-color: #616dff; - top: 1px; + width: 5px; + height: 16px; + background-color: #1890ff; + top: 3px; left: 0; } } + .el-button:last-child{ + color: #fff; + background: #1890ff; + border-color: #1890ff; + } .search-item { .search-lable { position: relative; display: inline-block; width: 80px; + margin-top: 10px; + font-size: 14px; + font-weight: bold; + color: #333333; vertical-align: top; } .search-option { @@ -413,24 +425,37 @@ export default { line-height: 40px; } .el-radio-button .el-radio-button__inner { + color: #333; + background-color: #f8f8f8; border: none; border-radius:0; } + .el-radio-button__orig-radio:checked + .el-radio-button__inner{ + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; + color: #FFFFFF; + background-color: #1890ff; + border-color: #1890ff; + } } } .search-results { .results-item-block { position: relative; - border: 1px solid #eeeeee; - padding: 5px; - border-radius: 5px; + // border: 1px solid #eeeeee; width: 800px; - height: 150px; + // height: 150px; + padding: 20px; + margin: 0 auto; + background: rgba($color: #f2f2f2, $alpha: 0.5); + border-radius: 6px; .company { .company-logo { position: relative; - width: 100px; + // width: 100px; + width: auto; height: 60px; } .company-name { @@ -438,16 +463,19 @@ export default { display: inline-block; line-height: 60px; font-size: 16px; + font-weight: bold; + color: #333333; vertical-align: top; + margin-left: 15px; } } .company-info { position: relative; width: 100%; - height: 70px; + // height: 70px; font-size: 14px; line-height: 22px; - background-color: #f5faff; + // background-color: #f5faff; padding: 5px; text-overflow: -o-ellipsis-lastline; overflow: hidden; @@ -456,11 +484,17 @@ export default { -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; - + .el-row{ + color: #666666; + .el-col{ + line-height: 26px; + } + } } - - } + // .results-item-block:hover{ + // background: rgba(210, 238, 251, 0.5); + // } } .detail-results { position: relative;