主体库样式修改

This commit is contained in:
cwchen 2025-10-21 15:33:39 +08:00
parent 4ac271da32
commit 65c8e59812
2 changed files with 38 additions and 44 deletions

View File

@ -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>

View File

@ -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);
}