diff --git a/src/assets/main.css b/src/assets/main.css index 898f03c..edf0458 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -35,6 +35,27 @@ a:hover { box-shadow: var(--shadow-soft); } +/* 按钮操作区统一规范:窄屏下操作按钮纵向全宽 */ +.action-row .el-button, +.edit-actions .el-button, +.fragment-edit-actions .el-button { + margin: 0; +} + +@media (max-width: 768px) { + .action-row, + .edit-actions, + .fragment-edit-actions { + flex-direction: column; + } + + .action-row .el-button, + .edit-actions .el-button, + .fragment-edit-actions .el-button { + width: 100%; + } +} + .fade-up-enter-active, .fade-up-leave-active { transition: opacity 0.22s ease, transform 0.22s ease; diff --git a/src/components/Review.vue b/src/components/Review.vue index 1af2157..51b836e 100644 --- a/src/components/Review.vue +++ b/src/components/Review.vue @@ -66,7 +66,7 @@ onMounted(() => {
- 刷新 + 刷新
@@ -99,6 +99,7 @@ onMounted(() => { @@ -106,7 +107,8 @@ onMounted(() => { 回忆复习 diff --git a/src/components/ReviewDetail.vue b/src/components/ReviewDetail.vue index 44b024f..6990475 100644 --- a/src/components/ReviewDetail.vue +++ b/src/components/ReviewDetail.vue @@ -252,8 +252,8 @@ watch( placeholder="请输入学习内容" />
- 取消 - 保存 + 取消 + 保存
diff --git a/src/components/ReviewRecall.vue b/src/components/ReviewRecall.vue index 87b2ffb..f25175a 100644 --- a/src/components/ReviewRecall.vue +++ b/src/components/ReviewRecall.vue @@ -374,7 +374,6 @@ onMounted(() => {
diff --git a/src/components/TaskForm.vue b/src/components/TaskForm.vue index 203d3e6..47fc233 100644 --- a/src/components/TaskForm.vue +++ b/src/components/TaskForm.vue @@ -410,7 +410,7 @@ async function previewMaterial() {

应用场景

- 添加应用场景 + 添加应用场景
@@ -608,15 +608,6 @@ async function previewMaterial() { padding: 16px; } - .action-row { - flex-direction: column; - } - - .action-row .el-button { - width: 100%; - margin: 0; - } - .application-main { align-items: flex-start; flex-direction: column; diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue index 8dbcc97..18a3d64 100644 --- a/src/components/Welcome.vue +++ b/src/components/Welcome.vue @@ -216,11 +216,11 @@ onMounted(() => {