Skip to content

T
tabulator-another-web
Commit 24a24550 authored by xiaoye's avatar xiaoye
Browse files
Options

？

parent ba4acb03
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 8 deletions
src/pages/main.vue
View file @ 24a24550
<template> <template>
<transition name = 'move_right'> <transition name = 'move_right'>
<view v-show = 'loading.end' class = 'background' :style = "{ '--index' : index.end }"> <view v-show = 'loading.end' class = 'background' :style = "{ '--index' : index.end }">
<view class = 'pic'></view> <view class = 'pic' v-html = 'Const.pic.hajimi'></view>
</view> </view>
</transition> </transition>
<transition name = 'move_left'> <transition name = 'move_left'>
<view v-show = 'loading.start' class = 'background' :style = "{ '--index' : index.start }"> <view v-show = 'loading.start' class = 'background' :style = "{ '--index' : index.start }">
<view class = 'pic'></view> <view class = 'pic' v-html = 'Const.pic.hajimi'></view>
</view> </view>
</transition> </transition>
<Tabulator/> <Tabulator/>
...@@ -70,13 +70,17 @@ ...@@ -70,13 +70,17 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: var(--index); z-index: var(--index);
font-family: 'Courier New', monospace;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
.pic { .pic {
// background-image: url("./static/pic.png"); color: white;
width: 100%; white-space: pre;
height: 100%; line-height: 1;
background-size: contain; letter-spacing: 0;
background-repeat: no-repeat; font-size: 12px;
background-position: center;
} }
} }
.Tabulator { .Tabulator {
......
src/script/const.ts
View file @ 24a24550
...@@ -10,6 +10,61 @@ class ConstData { ...@@ -10,6 +10,61 @@ class ConstData {
changeUrl = 'changeUrl'; changeUrl = 'changeUrl';
show = 'show'; show = 'show';
showTournament = 'showTournament'; showTournament = 'showTournament';
pic = {
hajimi : `
<pre> :==+++=-.
:++=++*+#@#=.
.##+=#%@%%##@=
.%#**#%#+*=+%#
.+@@#**===-*@-
.-#%#*=**%#-
.:-====#* .:-:
.#+ .:==+==%.
:+=-::.. .#-..... .-++=-.. #:
-#:::-====--::--==#=======++-: #-
:# ..:-==::..:. .... *-
.*: .::.. +=
=+ :-:::. .-=+=-=- ++
.#: .-==*+-=: :=+:-%@#@*. .++.
:#: .+**=@@@%%: :=#%+*@@@@@#. -*:
:#: .+#%*@@@@@@#. .=+%:%@@@@@@@#. :*:
.#- .+#@-#@@@@@@@*---==@=#@@@@@@@@@+ -*.
+* =+%=+@%%%%#+-.....=*#%##%##**+=#- *=
.%: .*--:=:::.. ......:. :*. :#.
-# -*----=. ... -- .*: .%:
=* -=:----+. .-=+*#**+=-. :+-.: .+: .%:
. -# -*:--+..***%%%#%%%%%#*=+@@:.= .:+: :%. ..::.
.-==+==-. .#. .#.--=- *@+=%@+====+*@*:#@-:- ::*. +#. .-+====++=.
-*=:...:=*- =+ +=::-+-:+**#= .. .+***--+=..:+- :%: :*+: .=#:
.#- :*= += .==:-*#*=----+***+=-:::=**+*-:=- .#= -*-. *=
.*= .*+ .+=. :==---=%++###*##**++++#::-++-.. -#= .-#: =*.
.#- .*=:.. -+:..:-++=-==#%@@%@@%%+----=++*****##%*--====*-.... .+*:::-::.
:----==%+: .:-------==-:.=#**+=++**#+%@#=--+@@#@@@@@@@@@@%%%#*+--:..:=**++=-: .-*=----=+*=.
.*+-:::::-=-.+#*%##+==. .:-+*%@@@@@@@@@*=%@*:=#@*#@@@@@@@@@@#+-:. =#+#####*+= . .**.
++ +%#%@#@##++. :=#@@@@@@@@@#**+*+++*@@@@@@@@@*-. :%##%#%%%%%#: .#-
+- .%##%%%%%@**+. .-*#%%%%%####+---======+++*- -*%#*%#####%##- .#:
:*: .***#=**#%####=. .-=-:.. +@%:. :--*@%#%*+**++. .. .:*=
:+=-----: .++++++**#=... :+**#%*. -*##**++=. .-++--==:
.:=%+:. .:===+=-. :. :=@@- .... .:--.. :**..
:#: --::...........::-+- =%#*=-. :#=====++++++===-==+. .#+
:%. :+=:--====---------::*- +@+:... .+*-::::::::-#*+=: -++:. .-#-
-*=:..:-=+: .+=. .+***%#. :+#=:. =%%##+. :=++===++:
.-====-: .-++:.. .=@%. ..:-==:.:=+=: .*@%%%@: ..::..
:*=-----*#+-+=---:. .-*+. .+***%@@:
=*: ......#:. ..:::-+#::**+=+@%=
.+=. == :=*#****+*%***#**=.
++::-::.. +#: :*##%#*=+++++#- ..
=#***#%##++-: .*:*::#%#####++=+++=#.
:%+=++%#%##%#%*:=- :+#@%*%#####++===+=
=#=+=+#*%#%##%=%+ .=#*#%%@#@%##+*-++
=*=+=+**##@%%=*+. :=+*%%#@%@%%*+@-
:#*=+++#*#@%#+: .-++%#+@%@#%+.
-@%#*#@#*%#-. .:-=*#*+:
.+##%#+-.
..
</pre>
`
}
} }
const Const = new ConstData(); const Const = new ConstData();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment