feat: 荷官端倒计时和开牌结果缩小移至右上角

- .countdown 从屏幕中央(28%/37%)移到右上角(8px),字体从13vw缩至4vw
- .result-box 从屏幕中央(40%/40%/320px)移到右上角(8px/120px)
- index_tab.css 同步调整(210px→80px, 60px→32px)
This commit is contained in:
testadmin
2026-05-01 22:09:36 +08:00
parent 17f9862515
commit b5a5641557
2 changed files with 18 additions and 19 deletions
+11 -12
View File
@@ -676,14 +676,15 @@ margin-left: 0;
position:absolute; position:absolute;
display: none; display: none;
top: 28%; top: 8px;
left: 37%; right: 8px;
left: auto;
} }
.countdown .grab-count{ .countdown .grab-count{
background: url(../img/count.png) no-repeat; background: url(../img/count.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 27vw; width: 8vw;
height: 27vw; height: 8vw;
} }
.round-txt-item { position: absolute;width: 100%; top:0; } .round-txt-item { position: absolute;width: 100%; top:0; }
.top-sec .count-active{animation: myMove1 6s 0s linear infinite;} .top-sec .count-active{animation: myMove1 6s 0s linear infinite;}
@@ -711,13 +712,13 @@ margin-left: 0;
.countdown .num{ .countdown .num{
font-size: 13vw; font-size: 4vw;
position: absolute; position: absolute;
font-weight: 500; font-weight: 500;
z-index: 999; z-index: 999;
text-align: center; text-align: center;
text-shadow: 0px 1px 0px #555; text-shadow: 0px 1px 0px #555;
line-height: 27vw; line-height: 8vw;
color: #eee; color: #eee;
border-radius: 50%; border-radius: 50%;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
@@ -786,12 +787,10 @@ margin-left: 0;
.result-box{ .result-box{
position: fixed; position: fixed;
z-index: 1000; z-index: 1000;
top: 40%; top: 8px;
left: 40%; right: 8px;
width: 320px; left: auto;
width: 120px;
/* -webkit-animation: bounceIn .5s 0s ease both;
-moz-animation: bounceIn .5s 0s ease both;*/
} }
.result-box.blink{ .result-box.blink{
+7 -7
View File
@@ -587,11 +587,11 @@ body{
display: none; display: none;
position: absolute; position: absolute;
z-index: 999; z-index: 999;
width: 210px; width: 80px;
height: 210px; height: 80px;
/*background: rgba(21, 34, 34, 0.71);*/ top: 8px;
bottom: 5px; right: 8px;
right: 5px; bottom: auto;
} }
.countdown .roll{ .countdown .roll{
position: absolute; position: absolute;
@@ -611,12 +611,12 @@ body{
.countdown .num{ .countdown .num{
color: #fff; color: #fff;
font-size: 60px; font-size: 32px;
position: relative; position: relative;
font-weight: 500; font-weight: 500;
z-index: 999; z-index: 999;
text-align: center; text-align: center;
line-height: 210px; line-height: 80px;
text-shadow: 0px 1px 0px #555; text-shadow: 0px 1px 0px #555;
} }