AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
zyronon
2024-05-17 20:26:44 +08:00
parent 6cf7505a42
commit 4106b1c90f
2 changed files with 70 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/pc/components/CollectNotice.vue
View File

@@ -100,15 +100,15 @@ watch(() => settingStore.load, (n) => {
right: var(--space);
top: var(--space);
z-index: 2;
font-size: 20rem;
font-size: 1.2rem;
display: flex;
flex-direction: column;
align-items: center;
background: var(--color-second-bg);
padding: 30rem;
border-radius: 12rem;
width: 500rem;
gap: 40rem;
padding: 1.8rem;
border-radius: 0.7rem;
width: 30rem;
gap: 2.4rem;
color: var(--color-font-1);
line-height: 1.5;
border: 1px solid var(--color-item-border);
@@ -117,11 +117,11 @@ watch(() => settingStore.load, (n) => {
&.mobile{
width: 95%;
padding: 10rem;
padding: 0.6rem;
}
.notice {
margin-top: 30rem;
margin-top: 2.4rem;
}
.active {
@@ -136,23 +136,23 @@ watch(() => settingStore.load, (n) => {
.href-wrapper {
display: flex;
font-size: 16rem;
font-size: 1rem;
align-items: center;
gap: 10rem;
gap: 0.6rem;
.round {
color: var(--color-font-1);
border-radius: 50rem;
padding: 10rem 10rem;
padding-left: 20rem;
gap: 30rem;
border-radius: 3rem;
padding: 0.6rem 0.6rem;
padding-left: 1.2rem;
gap: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
background: var(--color-main-bg);
.href {
font-size: 14rem;
font-size: 0.9rem;
}
}
@@ -167,11 +167,11 @@ watch(() => settingStore.load, (n) => {
}
.collect-keyboard {
margin-top: 20rem;
font-size: 16rem;
margin-top: 1.2rem;
font-size: 1rem;
span {
margin-left: 10rem;
margin-left: 0.6rem;
}
}
}
@@ -181,12 +181,12 @@ watch(() => settingStore.load, (n) => {
right: var(--space);
top: var(--space);
position: absolute;
font-size: 14rem;
font-size: 0.9rem;
display: flex;
justify-content: flex-end;
align-items: center;
color: var(--color-font-1);
gap: 10rem;
gap: 0.6rem;
}
}

58
src/pages/pc/word/WordHome.vue
View File

@@ -17,16 +17,60 @@ function clickEvent(e) {
<template>
<div class="word flex justify-center overflow-auto ">
<div class="w-3/5">
<div class="card flex justify-between items-center">
<div class="bg-slate-200 p-5 rounded-md cursor-pointer flex items-center">
<span>{{ base.currentDict.name }}</span>
<Icon icon="gg:arrows-exchange" class="text-2xl ml-2"/>
<div class="card">
<div class="title">
当前学习
</div>
<div class="rounded-xl bg-slate-800 flex items-center py-3 px-5 text-white cursor-pointer"
@click="router.push('/practice')">
开始学习
<div class="mt-4 flex justify-between items-center">
<div class="bg-slate-200 p-5 rounded-md cursor-pointer flex items-center">
<span>{{ base.currentDict.name }}</span>
<Icon icon="gg:arrows-exchange" class="text-2xl ml-2"/>
</div>
<div class="rounded-xl bg-slate-800 flex items-center py-3 px-5 text-white cursor-pointer"
@click="router.push('/practice')">
开始学习
</div>
</div>
</div>
<div class="card">
<div class="title">
其他学习词典
</div>
<div class="flex flex-wrap">
<div class="flex w-1/2 justify-between items-center">
<div class="bg-slate-200 p-5 rounded-md cursor-pointer flex items-center">
<span>{{ base.currentDict.name }}</span>
<Icon icon="gg:arrows-exchange" class="text-2xl ml-2"/>
</div>
<div class="rounded-xl bg-slate-800 flex items-center py-3 px-5 text-white cursor-pointer"
@click="router.push('/practice')">
开始学习
</div>
</div>
<div class="flex w-1/2 justify-between items-center">
<div class="bg-slate-200 p-5 rounded-md cursor-pointer flex items-center">
<span>{{ base.currentDict.name }}</span>
<Icon icon="gg:arrows-exchange" class="text-2xl ml-2"/>
</div>
<div class="rounded-xl bg-slate-800 flex items-center py-3 px-5 text-white cursor-pointer"
@click="router.push('/practice')">
开始学习
</div>
</div>
<div class="flex w-1/2 justify-between items-center">
<div class="bg-slate-200 p-5 rounded-md cursor-pointer flex items-center">
<span>{{ base.currentDict.name }}</span>
<Icon icon="gg:arrows-exchange" class="text-2xl ml-2"/>
</div>
<div class="rounded-xl bg-slate-800 flex items-center py-3 px-5 text-white cursor-pointer"
@click="router.push('/practice')">
开始学习
</div>
</div>
</div>
</div>
<div class="card">
<div class="title">
学习记录