-
为您找到{{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;