diff --git a/src/components/TestPanel.vue b/src/components/TestPanel.vue index c45fb05..0cefbb5 100644 --- a/src/components/TestPanel.vue +++ b/src/components/TestPanel.vue @@ -4,61 +4,59 @@ - -
-
-
-

实训项目

- - - -
- - - -
-
-
- 实训{{text}}时间 - {{day}}天 - {{hour}}小时 - {{minutes}}分 - {{seconds}}秒 -
-
-
-
- 总得分: - {{grade}} -
-
-
- 填写实验报告 - 查看实验报告 - 重新开始 - 提交 -
-
+
+
+

实训项目

+ + + +
+ + + +
+
+
+ 实训{{text}}时间 + {{day}}天 + {{hour}}小时 + {{minutes}}分 + {{seconds}}秒 +
+
+
+
+ 总得分: + {{grade}} +
+
+
+ 填写实验报告 + 查看实验报告 + 重新开始 + 提交 +
@@ -1322,6 +1320,8 @@ export default { display: flex; justify-content: space-between; align-items: center; + flex-wrap: wrap; + height: auto !important; .project { display: inline-flex; align-items: center; @@ -1360,6 +1360,9 @@ export default { background-color: #202020; } } +.whitespace-nowrap { + white-space: nowrap; +} /deep/.des { font-size: 16px; font-family: 'Microsoft YaHei'; @@ -1483,6 +1486,7 @@ export default { font-size: 14px; } /deep/.select { + min-width: 180px; .el-select__caret:before { content: '\e78f'; padding: 3px; @@ -1603,4 +1607,21 @@ export default { .text-danger { color: #f56c6c; } + +@media (max-width: 1550px) { + .panel-header { + .count { + margin-left: 0; + } + } +} +@media (max-width: 1400px) { + .panel-header { + .actions { + position: absolute; + top: 70px; + right: 30px; + } + } +} \ No newline at end of file