xuyue/teaching-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
yuetsh
2026-06-16 22:54:38 -06:00
parent ceb04a1b83
commit 3ae7e60d43
4 changed files with 52 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>教学设计</title> <title>教学设计生成器</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

2
src/components/LoginPage.vue
View File

@@ -28,7 +28,7 @@ async function handleSubmit(): Promise<void> {
<template> <template>
<div class="login-wrapper"> <div class="login-wrapper">
<form class="login-form" @submit.prevent="handleSubmit"> <form class="login-form" @submit.prevent="handleSubmit">
<h1>教学设计</h1> <h1>教学设计生成器</h1>
<div class="field"> <div class="field">
<label for="username">用户名</label> <label for="username">用户名</label>
<input <input

6
src/print.css
View File

@@ -40,6 +40,12 @@
box-shadow: none; box-shadow: none;
} }
.basic-info-table,
.process-table,
.reflection-table {
width: calc(100% - 1px);
}
.process-table { .process-table {
break-inside: auto; break-inside: auto;
} }

87
src/style.css
View File

@@ -158,6 +158,19 @@ input {
cursor: not-allowed; cursor: not-allowed;
} }
.ui-error {
color: #c0392b;
font-size: 14px;
margin: 8px 0 0;
}
.ui-success {
color: var(--green-700);
font-size: 14px;
margin: 8px 0 0;
}
/* Tables */
.ui-table { .ui-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
@@ -187,16 +200,40 @@ input {
background: #f8faf9; background: #f8faf9;
} }
.ui-error { table {
color: #c0392b; width: 100%;
font-size: 14px; border-collapse: collapse;
margin: 8px 0 0; table-layout: fixed;
} }
.ui-success { .basic-info-table th,
.basic-info-table td,
.process-table th,
.process-table td,
.reflection-table th,
.reflection-table td {
border: 1px solid var(--line);
padding: 6px 8px;
vertical-align: top;
text-align: left;
}
.basic-info-table th,
.process-table th,
.reflection-table th {
background: var(--green-100);
color: var(--green-700); color: var(--green-700);
font-size: 14px; font-weight: 600;
margin: 8px 0 0; width: 8em;
}
.process-table th {
width: auto;
}
.process-step-actions {
width: 6em;
text-align: center;
} }
/* Toolbar */ /* Toolbar */
@@ -403,37 +440,6 @@ input {
color: var(--green-700); color: var(--green-700);
} }
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.basic-info-table th,
.basic-info-table td,
.process-table th,
.process-table td,
.reflection-table th,
.reflection-table td {
border: 1px solid var(--line);
padding: 6px 8px;
vertical-align: top;
text-align: left;
}
.basic-info-table th,
.process-table th,
.reflection-table th {
background: var(--green-100);
color: var(--green-700);
font-weight: 600;
width: 8em;
}
.process-table th {
width: auto;
}
.objectives-cell { .objectives-cell {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -456,11 +462,6 @@ table {
margin-top: 4px; margin-top: 4px;
} }
.process-step-actions {
width: 6em;
text-align: center;
}
.process-step-actions button { .process-step-actions button {
border: 1px solid var(--line); border: 1px solid var(--line);
background: #fff; background: #fff;