diff --git a/src/components/drawers/ProMess.vue b/src/components/drawers/ProMess.vue index 40a11e5e..5c365471 100644 --- a/src/components/drawers/ProMess.vue +++ b/src/components/drawers/ProMess.vue @@ -8,7 +8,7 @@ >
-
项目信息
+
任务信息
-
学员换组
+
查看
-
-
-
+
搜索
@@ -55,6 +53,8 @@
重置
+
+
创建项目
@@ -2580,10 +2580,6 @@ export default { margin-right: 20px; margin-bottom: 20px; } - } - .btns { - display: flex; - // flex-wrap: wrap; .btn { padding: 0px 26px 0px 26px; height: 38px; @@ -2595,6 +2591,7 @@ export default { justify-content: center; margin-right: 14px; flex-shrink: 0; + cursor: pointer; .search { background-size: 100%; } @@ -2606,11 +2603,34 @@ export default { margin-left: 5px; } } + .btnn { + 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-size: 100%; + } + .btnText { + font-size: 14px; + font-weight: 400; + color: #FFFFFF; + line-height: 36px; + margin-left: 5px; + } + } .btn1 { .search { width: 15px; height: 17px; - background-image: url("../../assets/images/courseManage/search1.png"); + background-image: url("../../assets/images/courseManage/search0.png"); } } .btn2 { @@ -2620,16 +2640,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"); } @@ -2637,23 +2649,55 @@ 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; + cursor: pointer; + justify-content: center; + margin-right: 14px; + flex-shrink: 0; .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); - .search { - background-image: url("../../assets/images/courseManage/add0.png"); - } - .btnText { - color: #ffffff; - } + background: rgba(64, 158, 255, 0.76); + } + .btn3:active { + background: #0982ff; } } }