feat:编辑路径 修改了按钮的位置颜色

This commit is contained in:
岳佳鑫
2022-10-24 15:59:40 +08:00
8 changed files with 313 additions and 99 deletions

View File

@@ -40,16 +40,17 @@
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div>
</div>
<div class="btns">
<div class="btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="btn btn2">
<div class="btnn btn2">
<div class="search"></div>
<div class="btnText">重置</div>
</div>
</div>
<div class="btns">
<!-- <router-link to="/projectadd">
<div class="btn btn3">
<div class="search"></div>
@@ -1554,14 +1555,33 @@ export default {
margin-right: 20px;
margin-bottom: 20px;
}
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
background: #409EFF;
border-radius: 8px;
//border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
margin-left: 5px;
}
}
.btnn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
@@ -1576,7 +1596,7 @@ export default {
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
color: #409EFF;
line-height: 36px;
margin-left: 5px;
}
@@ -1585,7 +1605,7 @@ export default {
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
background-image: url("../../assets/images/courseManage/search0.png");
}
}
.btn2 {
@@ -1595,16 +1615,8 @@ export default {
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
}
@@ -1612,17 +1624,52 @@ export default {
color: #ffffff;
}
}
.btn1:active {
background: #0982FF;
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.1);
}
.btn2:active {
background: rgba(64, 158, 255, 0.2);
}
}
.btns {
display: flex;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: #409EFF;
border-radius: 8px;
//border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
background-size: 100%;
}
.btnText {
color: #ffffff;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
margin-left: 5px;
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add0.png");
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
@@ -1630,6 +1677,9 @@ export default {
color: #ffffff;
}
}
.btn3:active {
background: #0982FF;
}
}
}
.tableBox {
@@ -1667,6 +1717,7 @@ export default {
font-size: 14px;
margin-left: 20px;
white-space: nowrap;
cursor: pointer;
}
}
}