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;
display: none;
top: 28%;
left: 37%;
top: 8px;
right: 8px;
left: auto;
}
.countdown .grab-count{
background: url(../img/count.png) no-repeat;
background-size: 100% 100%;
width: 27vw;
height: 27vw;
width: 8vw;
height: 8vw;
}
.round-txt-item { position: absolute;width: 100%; top:0; }
.top-sec .count-active{animation: myMove1 6s 0s linear infinite;}
@@ -711,13 +712,13 @@ margin-left: 0;
.countdown .num{
font-size: 13vw;
font-size: 4vw;
position: absolute;
font-weight: 500;
z-index: 999;
text-align: center;
text-shadow: 0px 1px 0px #555;
line-height: 27vw;
line-height: 8vw;
color: #eee;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
@@ -786,12 +787,10 @@ margin-left: 0;
.result-box{
position: fixed;
z-index: 1000;
top: 40%;
left: 40%;
width: 320px;
/* -webkit-animation: bounceIn .5s 0s ease both;
-moz-animation: bounceIn .5s 0s ease both;*/
top: 8px;
right: 8px;
left: auto;
width: 120px;
}
.result-box.blink{
+7 -7
View File
@@ -587,11 +587,11 @@ body{
display: none;
position: absolute;
z-index: 999;
width: 210px;
height: 210px;
/*background: rgba(21, 34, 34, 0.71);*/
bottom: 5px;
right: 5px;
width: 80px;
height: 80px;
top: 8px;
right: 8px;
bottom: auto;
}
.countdown .roll{
position: absolute;
@@ -611,12 +611,12 @@ body{
.countdown .num{
color: #fff;
font-size: 60px;
font-size: 32px;
position: relative;
font-weight: 500;
z-index: 999;
text-align: center;
line-height: 210px;
line-height: 80px;
text-shadow: 0px 1px 0px #555;
}