style:评估管理

This commit is contained in:
wyx
2023-03-03 21:10:15 +08:00
parent fb11f951d9
commit bbfe70a895
4 changed files with 35 additions and 29 deletions

View File

@@ -130,7 +130,7 @@
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn2" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>
</div> </div>

View File

@@ -485,7 +485,7 @@ export default {
.img2 { .img2 {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url(../../assets/images/coursewareManage/export.png); background-image: url(../../assets/images/coursewareManage/export1.png);
background-size: 100% 100%; background-size: 100% 100%;
margin-right: 7px; margin-right: 7px;
} }
@@ -498,9 +498,13 @@ export default {
} }
.btn2 { .btn2 {
background: #ffffff; background: #4ea6ff;
color: #4ea6ff; color: #fff;
border: 1px solid #4ea6ff; border: 1px solid #4ea6ff;
} }
.btn2:active {
background: #0982ff;
}
}</style> }</style>

View File

@@ -82,6 +82,8 @@
height: 40px; height: 40px;
margin-left: 14px; margin-left: 14px;
border-radius: 8px; border-radius: 8px;
color:#fff;
background-color: #4ea6ff;
" "
@click="handleAllCancel" @click="handleAllCancel"
> >

View File

@@ -144,7 +144,7 @@
</div> </div>
</div> </div>
<div class="btn"> <div class="btn">
<button class="samtn btn1" @click="handleCancel">取消</button> <button class="samtn btn2" @click="handleCancel">取消</button>
<a-button class="samtn btn2" @click="handleNext" :loading="formData.validated===1"> <a-button class="samtn btn2" @click="handleNext" :loading="formData.validated===1">
{{ !formData.id ? "下一步" : "确定" }} {{ !formData.id ? "下一步" : "确定" }}
</a-button> </a-button>
@@ -589,7 +589,7 @@ const handleNext = async () => {
.btnn { .btnn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
background: #ffffff; background: #4ea6ff;
border-radius: 8px; border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1); border: 1px solid rgba(64, 158, 255, 1);
display: flex; display: flex;
@@ -606,7 +606,7 @@ const handleNext = async () => {
.btnText { .btnText {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #4ea6ff; color: #fff;
line-height: 36px; line-height: 36px;
margin-left: 5px; margin-left: 5px;
} }
@@ -624,29 +624,29 @@ const handleNext = async () => {
.search { .search {
width: 16px; width: 16px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset0.png");
} }
} }
.btn1:hover { // .btn1:hover {
background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
.search { // .search {
background-image: url("../../assets/images/courseManage/search0.png"); // background-image: url("../../assets/images/courseManage/search0.png");
} // }
.btnText { // .btnText {
color: #ffffff; // color: #ffffff;
} // }
} // }
.btn1:active { .btn1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { // .btn2:hover {
background: rgba(64, 158, 255, 0.1); // background: rgba(64, 158, 255, 0.1);
} // }
.btn2:active { .btn2:active {
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.2);
@@ -692,17 +692,17 @@ const handleNext = async () => {
} }
} }
.btn3:hover { // .btn3:hover {
background: rgba(64, 158, 255, 0.76); // background: rgba(64, 158, 255, 0.76);
.search { // .search {
background-image: url("../../assets/images/courseManage/add0.png"); // background-image: url("../../assets/images/courseManage/add0.png");
} // }
.btnText { // .btnText {
color: #ffffff; // color: #ffffff;
} // }
} // }
.btn3:active { .btn3:active {
background: #0982ff; background: #0982ff;