Browse Source

登录页logo;favicon;搜索页样式

master
hw75784039/maxingxing 4 years ago
parent
commit
9b36f48af8
  1. BIN
      public/favicon.ico
  2. BIN
      src/assets/images/logo.png
  3. 28
      src/views/company/search.vue

BIN
public/favicon.ico

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
src/assets/images/logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 14 KiB

28
src/views/company/search.vue

@ -8,8 +8,8 @@
<el-input v-model="searchParam" placeholder="搜企业、法人" @keyup.enter.native="search"> <el-input v-model="searchParam" placeholder="搜企业、法人" @keyup.enter.native="search">
<el-button slot="append" icon="el-icon-search" @click="search">搜索</el-button> <el-button slot="append" icon="el-icon-search" @click="search">搜索</el-button>
</el-input> </el-input>
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange" style="margin-top: 10px;">全选</el-checkbox>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange" style="display: inline-block;vertical-align: top;margin-left:25px"> <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange" style="display: inline-block;vertical-align: top;margin-left:25px;margin-top: 10px;">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<el-button type="text" class="fr" @click="advancedSearch = !advancedSearch">{{advancedSearch ? '收起' : '高级搜索'}}</el-button> <el-button type="text" class="fr" @click="advancedSearch = !advancedSearch">{{advancedSearch ? '收起' : '高级搜索'}}</el-button>
@ -346,6 +346,7 @@ export default {
.el-input { .el-input {
border: 2px solid #00a9fe; border: 2px solid #00a9fe;
border-radius: 4px;
input { input {
border: 0; border: 0;
} }
@ -378,10 +379,11 @@ export default {
margin: 0 auto; margin: 0 auto;
width: 600px; width: 600px;
.search-top { .search-top {
text-align: center;
label { label {
display: inline-block; display: inline-block;
color: rgb(110, 109, 109); color: rgb(110, 109, 109);
margin: 0 10px; margin: 10px;
line-height: 60px; line-height: 60px;
vertical-align: top; vertical-align: top;
font-size: 22px; font-size: 22px;
@ -389,8 +391,9 @@ export default {
} }
.search { .search {
position: relative; position: relative;
widows: 60px; width: 60px;
height: 60px; height: 60px;
margin-top: 12px;
} }
} }
.advanced-search { .advanced-search {
@ -446,15 +449,17 @@ export default {
.search-results { .search-results {
.results-item-block { .results-item-block {
position: relative; position: relative;
border: 1px solid #eeeeee; // border: 1px solid #eeeeee;
padding: 5px; padding: 20px;
border-radius: 5px;
width: 800px; width: 800px;
height: 150px; // height: 150px;
background: rgba($color: #f2f2f2, $alpha: 0.5);
border-radius: 6px;
.company { .company {
.company-logo { .company-logo {
position: relative; position: relative;
width: 100px; // width: 100px;
width: auto;
height: 60px; height: 60px;
} }
.company-name { .company-name {
@ -462,7 +467,10 @@ export default {
display: inline-block; display: inline-block;
line-height: 60px; line-height: 60px;
font-size: 16px; font-size: 16px;
font-weight: bold;
color: #333333;
vertical-align: top; vertical-align: top;
margin-left: 15px;
} }
} }
.company-info { .company-info {
@ -471,7 +479,7 @@ export default {
height: 70px; height: 70px;
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
background-color: #f5faff; // background-color: #f5faff;
padding: 5px; padding: 5px;
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;

Loading…
Cancel
Save