AncTe/HumanBreak
1
0
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-01-31 15:09:26 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

完善开始界面

Browse Source
This commit is contained in:
unanmed 2023-02-21 22:37:43 +08:00
parent f53fb359db
commit 82c8434f9b
1 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/ui/start.vue
View File

@ -26,6 +26,8 @@
:key="v" :key="v"
:selected="selected === v" :selected="selected === v"
:showed="showed" :showed="showed"
:index="i"
:length="text[i].length"
@click="clickStartButton(v)" @click="clickStartButton(v)"
@mouseenter=" @mouseenter="
movein( movein(
@ -269,6 +271,7 @@ onMounted(async () => {
start.style.opacity = '1'; start.style.opacity = '1';
if (played) { if (played) {
text.value = text2; text.value = text2;
hard.splice(1, 0, '挑战');
} }
setButtonAnimate().then(() => (showed.value = true)); setButtonAnimate().then(() => (showed.value = true));
await sleep(1000); await sleep(1000);
@ -394,8 +397,31 @@ onUnmounted(() => {
-webkit-background-clip: text; -webkit-background-clip: text;
} }
#start-game { .start-button[index='1'][length='4'] {
left: 7.5%;
}
.start-button[index='2'][length='4'] {
left: 15%;
}
.start-button[index='3'][length='4'] {
left: 22.5%; left: 22.5%;
}
.start-button[index='1'][length='2'] {
left: 15%;
}
.start-button[index='2'][length='2'] {
left: 30%;
}
.start-button[index='3'][length='2'] {
left: 45%;
}
#start-game {
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
rgb(255, 255, 255), rgb(255, 255, 255),
@ -405,7 +431,6 @@ onUnmounted(() => {
} }
#load-game { #load-game {
left: 15%;
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
rgb(255, 255, 255), rgb(255, 255, 255),
@ -420,7 +445,6 @@ onUnmounted(() => {
rgb(255, 255, 255), rgb(255, 255, 255),
rgb(255, 251, 0) rgb(255, 251, 0)
); );
left: 7.5%;
margin-bottom: 8%; margin-bottom: 8%;
} }
@ -434,7 +458,6 @@ onUnmounted(() => {
} }
#easy { #easy {
left: 30%;
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
rgb(255, 255, 255), rgb(255, 255, 255),
@ -444,7 +467,6 @@ onUnmounted(() => {
} }
#hard-hard { #hard-hard {
left: 15%;
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
rgb(255, 255, 255), rgb(255, 255, 255),