主体库样式修改
This commit is contained in:
parent
4ac271da32
commit
65c8e59812
|
|
@ -123,43 +123,37 @@ export default {
|
|||
}
|
||||
|
||||
.search-btn {
|
||||
background: #409EFF;
|
||||
border-color: #409EFF;
|
||||
width: 98px;
|
||||
height: 36px;
|
||||
background: #1F72EA;
|
||||
box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5);
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
padding: 12px 24px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0px 4px 12px 0px rgba(64, 158, 255, 0.4);
|
||||
letter-spacing: 0.5px;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #66b1ff;
|
||||
border-color: #66b1ff;
|
||||
box-shadow: 0px 6px 16px 0px rgba(64, 158, 255, 0.5);
|
||||
transform: translateY(-1px);
|
||||
background: #4A8BFF;
|
||||
box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.reset-btn {
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
font-weight: 600;
|
||||
padding: 12px 24px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
letter-spacing: 0.5px;
|
||||
width: 98px;
|
||||
height: 36px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2);
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #f5f7fa;
|
||||
border-color: #c0c4cc;
|
||||
background: #f5f5f5;
|
||||
color: #409EFF;
|
||||
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -8,15 +8,15 @@
|
|||
<h2 class="page-title">投标人主体库</h2>
|
||||
</div>
|
||||
<div class="search-right">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true">
|
||||
<el-form-item prop="enterpriseName">
|
||||
<el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称进行查询" clearable maxlength="32"
|
||||
class="search-input" @keyup.enter.native="handleQuery">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="handleQuery" class="search-btn">查询</el-button>
|
||||
<el-button size="small" @click="resetQuery" class="reset-btn">重置</el-button>
|
||||
<el-button type="primary" @click="handleQuery" class="search-btn">查询</el-button>
|
||||
<el-button @click="resetQuery" class="reset-btn">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
|
@ -336,35 +336,35 @@ export default {
|
|||
}
|
||||
|
||||
.search-btn {
|
||||
background: #409EFF;
|
||||
border-color: #409EFF;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
width: 98px;
|
||||
height: 36px;
|
||||
background: #1F72EA;
|
||||
box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5);
|
||||
letter-spacing: 1px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #66b1ff;
|
||||
border-color: #66b1ff;
|
||||
background: #4A8BFF;
|
||||
box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.reset-btn {
|
||||
background: #fff;
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
font-weight: 500;
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
width: 98px;
|
||||
height: 36px;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2);
|
||||
letter-spacing: 1px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: #f5f7fa;
|
||||
border-color: #c0c4cc;
|
||||
background: #f5f5f5;
|
||||
color: #409EFF;
|
||||
box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue