change style

This commit is contained in:
Jeffrey Hsu 2025-02-12 01:42:25 +08:00
parent d91b7fc013
commit 90097273cf
3 changed files with 104 additions and 96 deletions

View File

@ -34,14 +34,14 @@ function createWindow(): void {
minHeight: 728, minHeight: 728,
show: false, show: false,
autoHideMenuBar: true, autoHideMenuBar: true,
frame: false, titleBarStyle: 'hidden',
icon: icon, icon: icon,
webPreferences: { webPreferences: {
preload: join(__dirname, '../preload/index.js'), preload: join(__dirname, '../preload/index.js'),
sandbox: false sandbox: false
}, },
vibrancy: 'fullscreen-ui', vibrancy: 'fullscreen-ui',
backgroundMaterial: 'acrylic' backgroundMaterial: 'mica'
}) })
mainWindow.on('ready-to-show', () => { mainWindow.on('ready-to-show', () => {

View File

@ -82,67 +82,71 @@ const handleSubmit = () => {
</script> </script>
<template> <template>
<div class="relative flex flex-col items-center justify-center bg-white"> <div class="flex items-center justify-center bg-white/75">
<div <div
class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100" class="relative flex flex-col items-center justify-center bg-white px-32 py-8 rounded-lg border border-gray-300 shadow-xl"
@click="handleBack"
> >
返回 <div
</div> class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
<p class="text-center text-2xl">创建新的文件</p> @click="handleBack"
<el-divider> 填写基本课程信息以继续 </el-divider> >
<div class="mx-auto w-full max-w-lg"> 返回
<el-form :model="tempCourseInfo" label-width="auto"> </div>
<el-form-item label="课号"> <p class="text-center text-2xl">创建新的文件</p>
<el-input <el-divider> 填写基本课程信息以继续 </el-divider>
v-model="tempCourseInfo.id" <div class="mx-auto w-lg">
type="text" <el-form :model="tempCourseInfo" label-width="auto">
placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x" <el-form-item label="课号">
/> <el-input
</el-form-item> v-model="tempCourseInfo.id"
<el-form-item label="课程名称"> type="text"
<el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" /> placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x"
</el-form-item> />
<el-form-item label="开课学院"> </el-form-item>
<el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" /> <el-form-item label="课程名称">
</el-form-item> <el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" />
<el-form-item label="任课教师"> </el-form-item>
<el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" /> <el-form-item label="开课学院">
</el-form-item> <el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" />
<el-form-item label="课程负责人" class="relative"> </el-form-item>
<el-input <el-form-item label="任课教师">
v-model="tempCourseInfo.master" <el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" />
type="text" </el-form-item>
placeholder="课程负责人" <el-form-item label="课程负责人" class="relative">
@focus="handleShowCopyBtn" <el-input
@blur="handleShowCopyBtn" v-model="tempCourseInfo.master"
/> type="text"
<div placeholder="课程负责人"
class="absolute right-4 text-gray-400 cursor-pointer invisible" @focus="handleShowCopyBtn"
:class="{ visible: isShowCopyFrom }" @blur="handleShowCopyBtn"
@click="handleCopyFromTeacher" />
> <div
从任课教师复制 class="invisible absolute right-4 cursor-pointer text-gray-400"
:class="{ visible: isShowCopyFrom }"
@click="handleCopyFromTeacher"
>
从任课教师复制
</div>
</el-form-item>
<el-form-item label="学分">
<el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" />
</el-form-item>
<el-form-item label="教学班级">
<el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" />
</el-form-item>
<div class="flex justify-end">
<el-button @click="handleFormReset">重置</el-button>
<el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
>下一步</el-button
>
</div> </div>
</el-form-item> </el-form>
<el-form-item label="学分"> </div>
<el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" /> <el-divider></el-divider>
</el-form-item> <div class="flex justify-center">
<el-form-item label="教学班级"> <el-button @click="handleCreateFrom('xlsx')"> Excel 中导入</el-button>
<el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" /> <el-button @click="handleCreateFrom('jwxt')"> 教务系统 中导入</el-button>
</el-form-item> </div>
<div class="flex justify-end">
<el-button @click="handleFormReset">重置</el-button>
<el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
>下一步</el-button
>
</div>
</el-form>
</div>
<el-divider></el-divider>
<div class="flex justify-center">
<el-button @click="handleCreateFrom('xlsx')"> Excel 中导入</el-button>
<el-button @click="handleCreateFrom('jwxt')"> 教务系统 中导入</el-button>
</div> </div>
</div> </div>
</template> </template>

View File

@ -30,45 +30,49 @@ const handleFunctionClick = (ev: 'create' | 'open') => {
</script> </script>
<template> <template>
<div class="flex flex-col items-center justify-center gap-12 bg-white"> <div class="flex items-center bg-white/75">
<!-- 标题 --> <div
<div class="text-center leading-5"> class="mx-auto flex flex-col items-center justify-center gap-12 overflow-hidden bg-white px-32 py-16 rounded-lg shadow-lg border border-gray-300"
<p class="text-2xl">欢迎</p> >
<p>请从以下选择中开始</p> <!-- 标题 -->
</div> <div class="text-center leading-5">
<p class="text-2xl">欢迎</p>
<!-- 功能菜单 --> <p>请从以下选择中开始</p>
<div class="flex gap-8">
<div
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
@click="handleFunctionClick('create')"
>
<svg
class="h-20 w-20 stroke-gray-600 stroke-4"
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
></path>
</svg>
<p class="mt-4 text-center">新建</p>
</div> </div>
<div <!-- 功能菜单 -->
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg" <div class="flex gap-8">
@click="handleFunctionClick('open')" <div
> class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
<svg @click="handleFunctionClick('create')"
class="h-20 w-20 stroke-yellow-600 stroke-4"
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg"
> >
<path <svg
d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z" class="h-20 w-20 stroke-gray-600 stroke-4"
></path> viewBox="0 0 1024 1024"
</svg> xmlns="http://www.w3.org/2000/svg"
<p class="mt-4 text-center">打开</p> >
<path
d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
></path>
</svg>
<p class="mt-4 text-center">新建</p>
</div>
<div
class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
@click="handleFunctionClick('open')"
>
<svg
class="h-20 w-20 stroke-yellow-600 stroke-4"
viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z"
></path>
</svg>
<p class="mt-4 text-center">打开</p>
</div>
</div> </div>
</div> </div>
</div> </div>