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

文章解析

Browse Source
This commit is contained in:
zyronon
2023-09-03 00:06:12 +08:00
parent 125ff1659e
commit 791cf03f15
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/TypeArticle.vue
View File

@@ -94,7 +94,7 @@ onMounted(() => {
let translate: HTMLDivElement = document.querySelector(translateClassName)
let rect = word.getBoundingClientRect()
translate.style.top = rect.top - articleRect.top - 18 + 'px'
translate.style.top = rect.top - articleRect.top - 20 + 'px'
translate.firstChild.style.width = rect.left - articleRect.left + 'px'
// console.log(word, rect.left - articleRect.left)
// console.log('word-rect', rect)
@@ -124,7 +124,7 @@ function focus() {
}
let sectionIndex = $ref(0)
let sentenceIndex = $ref(14)
let sentenceIndex = $ref(0)
let wordIndex = $ref(0)
let index = $ref(0)
let input = $ref('')
@@ -327,7 +327,7 @@ function playWord(word: string) {
article {
font-size: 24rem;
line-height: 1.8;
line-height: 1.9;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
letter-spacing: 0rem;
color: gray;
@@ -354,7 +354,7 @@ function playWord(word: string) {
width: 100%;
font-size: 18rem;
color: gray;
line-height: 2.3;
line-height: 2.5;
letter-spacing: 3rem;
.row {