@@ -119,10 +119,10 @@ function del(e) {
@import "@/assets/css/style";
.dict-list-panel {
- width: 50%;
+ width: 100%;
height: 100%;
- $header-height: 60rem;
- padding: var(--space);
+ $header-height: 5rem;
+ //padding: var(--space);
padding-top: 0;
box-sizing: border-box;
@@ -134,18 +134,18 @@ function del(e) {
.tabs {
display: flex;
- gap: 20rem;
+ gap: 2rem;
.tab {
color: var(--color-font-1);
cursor: pointer;
- padding: 10rem;
- padding-bottom: 5rem;
+ padding: 1rem;
+ padding-bottom: 0.5rem;
transition: all .5s;
border-bottom: 2px solid transparent;
display: flex;
align-items: center;
- gap: 6rem;
+ gap: 0.6rem;
&.active {
$main: rgb(64, 158, 255);
@@ -153,7 +153,7 @@ function del(e) {
}
img {
- height: 30rem;
+ height: 2rem;
}
}
}
@@ -167,16 +167,16 @@ function del(e) {
flex: 1;
overflow: auto;
height: 100%;
- padding-right: 10rem;
+ padding-right: 1rem;
.translate {
display: flex;
align-items: center;
color: var(--color-font-1);
- margin-bottom: 30rem;
+ margin-bottom: 1rem;
& > span {
- font-size: 22rem;
+ font-size: 1.2rem;
}
}
}
diff --git a/src/pages/pc/components/EditAbleText.vue b/src/pages/pc/components/EditAbleText.vue
index dcc99883..7b64c602 100644
--- a/src/pages/pc/components/EditAbleText.vue
+++ b/src/pages/pc/components/EditAbleText.vue
@@ -43,7 +43,7 @@ function toggle() {
autosize
autofocus
type="textarea"
- :input-style="`color: var(--color-font-1);font-size: 16rem;`"
+ :input-style="`color: var(--color-font-1);font-size: 1rem;`"
/>
取消
@@ -53,7 +53,7 @@ function toggle() {
{{ value }}
@@ -61,12 +61,12 @@ function toggle() {
\ No newline at end of file
diff --git a/src/pages/pc/components/IconWrapper.vue b/src/pages/pc/components/IconWrapper.vue
index aeed3758..1fae2368 100644
--- a/src/pages/pc/components/IconWrapper.vue
+++ b/src/pages/pc/components/IconWrapper.vue
@@ -6,16 +6,16 @@
\ No newline at end of file
diff --git a/src/pages/pc/components/Setting.vue b/src/pages/pc/components/Setting.vue
index 3d90bcda..09f9a327 100644
--- a/src/pages/pc/components/Setting.vue
+++ b/src/pages/pc/components/Setting.vue
@@ -480,20 +480,20 @@ function importData(e) {
align-items: center;
.tabs {
- padding: 10rem 20rem;
+ padding: .6rem 1.6rem;
display: flex;
flex-direction: column;
//align-items: center;
//justify-content: center;
- gap: 10rem;
+ gap: .6rem;
.tab {
cursor: pointer;
- padding: 10rem 15rem;
- border-radius: 8rem;
+ padding: .6rem .9rem;
+ border-radius: .5rem;
display: flex;
align-items: center;
- gap: 10rem;
+ gap: .6rem;
&.active {
background: var(--color-item-bg);
@@ -502,9 +502,9 @@ function importData(e) {
}
.git-log {
- font-size: 10rem;
+ font-size: .6rem;
color: gray;
- margin-bottom: 5rem;
+ margin-bottom: .3rem;
}
}
@@ -513,17 +513,17 @@ function importData(e) {
flex: 1;
height: 100%;
overflow: auto;
- padding: 10rem var(--space);
+ padding: 0 var(--space);
.row {
- min-height: 40rem;
+ height: 2.6rem;
display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--space) * 5);
.wrapper {
- height: 30rem;
+ height: 2rem;
flex: 1;
display: flex;
justify-content: flex-end;
@@ -532,7 +532,7 @@ function importData(e) {
span {
text-align: right;
//width: 30rem;
- font-size: 12rem;
+ font-size: .7rem;
color: gray;
}
@@ -540,31 +540,34 @@ function importData(e) {
align-items: center;
input {
- width: 150rem;
+ width: 9rem;
box-sizing: border-box;
- margin-right: 10rem;
- height: 28rem;
+ margin-right: .6rem;
+ height: 1.8rem;
outline: none;
- font-size: 16rem;
+ font-size: 1rem;
border: 1px solid gray;
- border-radius: 3rem;
- padding: 0 5rem;
+ border-radius: .2rem;
+ padding: 0 .3rem;
background: var(--color-second-bg);
color: var(--color-font-1);
}
}
+
+
}
.main-title {
- font-size: 22rem;
+ font-size: 1.1rem;
+ font-weight: bold;
}
.item-title {
- font-size: 16rem;
+ font-size: 1rem;
}
.sub-title {
- font-size: 14rem;
+ font-size: .9rem;
}
}
@@ -577,17 +580,17 @@ function importData(e) {
.scroll {
flex: 1;
- padding-right: 10rem;
+ padding-right: .6rem;
overflow: auto;
}
.footer {
- margin-bottom: 20rem;
+ margin-bottom: 1.3rem;
}
.desc {
- margin-bottom: 10rem;
- font-size: 12rem;
+ margin-bottom: .6rem;
+ font-size: .8rem;
}
.line {
@@ -629,7 +632,7 @@ function importData(e) {
color: var(--color-font-1);
p {
- font-size: 30rem;
+ font-size: 2.4rem;
}
.github {
@@ -640,7 +643,7 @@ function importData(e) {
.options {
display: flex;
flex-direction: column;
- gap: 10rem;
+ gap: .6rem;
}
}
}
diff --git a/src/pages/pc/components/Tooltip.vue b/src/pages/pc/components/Tooltip.vue
index b8a74af4..7c213e56 100644
--- a/src/pages/pc/components/Tooltip.vue
+++ b/src/pages/pc/components/Tooltip.vue
@@ -59,10 +59,10 @@ export default {
.tip {
position: fixed;
- font-size: 14rem;
+ font-size: 0.8rem;
z-index: 9999;
- border-radius: 4rem;
- padding: 10rem;
+ border-radius: .2rem;
+ padding: .8rem;
color: var(--color-font-1);
background: var(--color-tooltip-bg);
//box-shadow: 1px 1px 6px #bbbbbb;
diff --git a/src/pages/pc/components/article/EditArticle.vue b/src/pages/pc/components/article/EditArticle.vue
index d638a363..f4d7240d 100644
--- a/src/pages/pc/components/article/EditArticle.vue
+++ b/src/pages/pc/components/article/EditArticle.vue
@@ -389,7 +389,7 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
display: flex;
gap: var(--space);
padding: var(--space);
- padding-top: 10rem;
+ padding-top: .6rem;
}
.row {
@@ -411,7 +411,7 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
}
.title {
- font-size: 22rem;
+ font-size: 1.4rem;
text-align: center;
}
@@ -420,11 +420,11 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
//margin-bottom: 10rem;
.label {
- height: 45rem;
+ height: 3rem;
display: flex;
justify-content: space-between;
align-items: center;
- font-size: 16rem;
+ font-size: 1rem;
}
}
@@ -441,31 +441,31 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
}
.article-translate {
- margin-top: 10rem;
- margin-bottom: 20rem;
+ margin-top: .6rem;
+ margin-bottom: 1.2rem;
flex: 1;
overflow: auto;
- border-radius: 8rem;
+ border-radius: .5rem;
.section {
background: var(--color-textarea-bg);
- margin-bottom: 20rem;
+ margin-bottom: 1.2rem;
padding: var(--space);
- border-radius: 8rem;
+ border-radius: .5rem;
&:last-child {
margin-bottom: 0;
}
.sentence {
- margin-bottom: 20rem;
+ margin-bottom: 1.2rem;
&:last-child {
margin-bottom: 0;
}
.text {
- font-size: 18rem;
+ font-size: 1.1rem;
}
}
}
@@ -484,14 +484,14 @@ defineExpose({save, getEditArticle: () => cloneDeep(editArticle)})
.warning {
display: flex;
align-items: center;
- font-size: 20rem;
+ font-size: 1.2rem;
color: red;
}
.success {
display: flex;
align-items: center;
- font-size: 20rem;
+ font-size: 1.2rem;
color: #67C23A;
}
diff --git a/src/pages/pc/components/article/EditBatchArticleModal.vue b/src/pages/pc/components/article/EditBatchArticleModal.vue
index 1439f629..bf24adef 100644
--- a/src/pages/pc/components/article/EditBatchArticleModal.vue
+++ b/src/pages/pc/components/article/EditBatchArticleModal.vue
@@ -148,7 +148,7 @@ useWindowClick(() => showExport = false)
:header="false"
>
-
+
@@ -224,18 +224,18 @@ useWindowClick(() => showExport = false)
.close {
position: absolute;
- right: 20rem;
- top: 20rem;
+ right: 1.2rem;
+ top: 1.2rem;
}
- .slide {
+ .aslide {
width: 14vw;
height: 100%;
- padding: 0 10rem;
+ padding: 0 .6rem;
display: flex;
flex-direction: column;
- $height: 60rem;
+ $height: 4rem;
header {
height: $height;
@@ -245,25 +245,25 @@ useWindowClick(() => showExport = false)
//opacity: 0;
.dict-name {
- font-size: 30rem;
+ font-size: 2rem;
color: var(--color-font-1);
}
}
.name {
- font-size: 18rem;
+ font-size: 1.1rem;
}
.translate-name {
- font-size: 16rem;
+ font-size: 1rem;
}
.add {
- width: 260rem;
+ width: 16rem;
box-sizing: border-box;
- border-radius: 8rem;
- margin-bottom: 10rem;
- padding: 10rem;
+ border-radius: .5rem;
+ margin-bottom: .6rem;
+ padding: .6rem;
display: flex;
justify-content: space-between;
transition: all .3s;
@@ -274,7 +274,7 @@ useWindowClick(() => showExport = false)
.footer {
height: $height;
display: flex;
- gap: 10rem;
+ gap: .6rem;
align-items: center;
justify-content: flex-end;
diff --git a/src/pages/pc/components/dialog/ArticleContentDialog.vue b/src/pages/pc/components/dialog/ArticleContentDialog.vue
index 74d2e32a..39911bd4 100644
--- a/src/pages/pc/components/dialog/ArticleContentDialog.vue
+++ b/src/pages/pc/components/dialog/ArticleContentDialog.vue
@@ -70,25 +70,25 @@ onUnmounted(() => {
.article-content {
flex: 1;
overflow: hidden;
- font-size: 20rem;
+ font-size: 1.2rem;
display: flex;
flex-direction: column;
.title {
text-align: center;
margin-bottom: var(--space);
- font-size: 24rem;
+ font-size: 1.4rem;
}
.text {
text-indent: 1.5em;
- line-height: 35rem;
+ line-height: 2rem;
overflow: auto;
- padding-right: 10rem;
- padding-bottom: 50rem;
+ padding-right: .6rem;
+ padding-bottom: 3rem;
.sentence {
- margin-bottom: 30rem;
+ margin-bottom: 3rem;
}
}
}
diff --git a/src/pages/pc/components/dialog/Dialog.vue b/src/pages/pc/components/dialog/Dialog.vue
index ff1c6cc9..f47576da 100644
--- a/src/pages/pc/components/dialog/Dialog.vue
+++ b/src/pages/pc/components/dialog/Dialog.vue
@@ -189,18 +189,15 @@ async function cancel() {
@import "@/assets/css/variable";
$modal-mask-bg: rgba(#000, .45);
-$radius: 8rem;
+$radius: .5rem;
$time: 0.3s;
-$header-height: 60rem;
+$header-height: 4rem;
@keyframes bounce-in {
0% {
opacity: 0;
transform: scale(0);
}
- 50% {
- transform: scale(1.15);
- }
100% {
opacity: 1;
transform: scale(1);
@@ -288,8 +285,8 @@ $header-height: 60rem;
.close {
position: absolute;
- right: 20rem;
- top: 20rem;
+ right: 1.2rem;
+ top: 1.2rem;
z-index: 999;
}
@@ -297,14 +294,14 @@ $header-height: 60rem;
display: flex;
justify-content: space-between;
align-items: center;
- padding: 24rem 24rem 16rem;
+ padding: 1.3rem 1.3rem 1rem;
border-radius: $radius $radius 0 0;
.title {
color: var(--color-font-1);
font-weight: bold;
- font-size: 24rem;
- line-height: 33rem;
+ font-size: 1.3rem;
+ line-height: 1.8rem;
}
}
@@ -312,21 +309,21 @@ $header-height: 60rem;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.8);
font-weight: 400;
- font-size: 18rem;
- line-height: 27rem;
+ font-size: 1.1rem;
+ line-height: 1.7rem;
width: 100%;
flex: 1;
overflow: hidden;
display: flex;
&.padding {
- padding: 4rem 24rem 24rem;
+ padding: .2rem 1.6rem 1.6rem;
}
.content {
- width: 350rem;
+ width: 25rem;
color: var(--color-font-1);
- padding: 4rem 24rem 24rem;
+ padding: .2rem 1.6rem 1.6rem;
}
}
@@ -334,11 +331,11 @@ $header-height: 60rem;
display: flex;
align-items: center;
justify-content: space-between;
- padding: 16rem 24rem;
+ padding: 1rem 1.6rem;
color: #fff;
- font-size: 18rem;
+ font-size: 1.1rem;
background: rgba(0, 0, 0, .2);
- border-radius: 0 0 24rem 24rem;
+ border-radius: 0 0 1.6rem 1.6rem;
.left {
display: flex;
@@ -347,7 +344,7 @@ $header-height: 60rem;
.text {
color: white;
- font-size: 16rem;
+ font-size: 1rem;
cursor: pointer;
}
diff --git a/src/pages/pc/components/dialog/DictDiglog.vue b/src/pages/pc/components/dialog/DictDiglog.vue
index 9d9efee8..d9884a8e 100644
--- a/src/pages/pc/components/dialog/DictDiglog.vue
+++ b/src/pages/pc/components/dialog/DictDiglog.vue
@@ -1,8 +1,8 @@
@@ -214,215 +75,67 @@ function handleChangeArticleChapterIndex(val: any) {
v-model="show"
:show-close="false">
-
-
-
-
-
-
-
-
-
{{ runtimeStore.editDict.name }}
-
{{ runtimeStore.editDict.description }}
-
-
总文章：{{ runtimeStore.editDict.articles.length }}篇
-
-
总词汇：
- {{
- runtimeStore.editDict.originWords.length
- }}词
-
-
-
-
- 开始日期：-
- 花费时间：-
- 累积错误：-
- 进度：
-
-
-
-
-
-
学习设置
-
-
-
-
-
- 最小:10
- 最大:{{ runtimeStore.editDict.words.length }}
-
-
-
单词顺序
-
-
- 默认
- 随机
- 反转
-
-
-
-
-
学习模式
-
-
- 再认
- 拼写
-
-
-
-
-
{{ dictIsArticle ? '句子' : '单词' }}发音
-
-
- 美音
- 英音
-
-
-
-
-
{{ dictIsArticle ? '句子' : '单词' }}自动发音
-
-
-
-
-
-
-
-
-
-
- {{ dictIsArticle ? '文章' : '章节' }}列表
-
-
-
-
-
-
-
+
+
+
{{ store.currentDict.description }}
+
+
总文章：{{ store.currentDict.articles.length }}篇
+
+
总词汇：
+ {{
+ store.currentDict.originWords.length
+ }}词
+
+
+
+
开始日期：-
+
花费时间：-
+
累积错误：-
+
进度：
+
+
+
+
+ 最小:10
+ 最大:{{ store.currentDict.words.length < 10 ? 10 : 500 }}
+
+
+