diff --git a/static/css/style.css b/static/css/style.css index 0590271..0041e0b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,9 +1,9 @@ -.question-box { +.box { display: block; background: hsl(0, 0%, 85%); height: fit-content; width: fit-content; - padding: 5em 10em; + padding: 2em 5em; margin: 2em auto auto; border-radius: .5em; } @@ -22,3 +22,26 @@ min-width: 3.5em; margin: 0.5em; } + +.loading-icon { + -webkit-animation: spin 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; + width: 3em; + height: 3em; +} + +.center { + display: block; + margin: auto; + text-align: center; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/static/img/loading.svg b/static/img/loading.svg new file mode 100644 index 0000000..a0f4eff --- /dev/null +++ b/static/img/loading.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/index.html b/static/index.html index 35e216f..ff3a310 100644 --- a/static/index.html +++ b/static/index.html @@ -4,10 +4,10 @@ -
你认为 zzzz 是大佬吗?
为了防止刷票,我们需要你的浏览器完成一项计算任务,之后方可进行投票。
+取决于你正在使用的设备的性能,这个过程可能需要十分钟到一个小时不等。在投票完成之前,请不要关闭该页面。
+