moliparty/molistar-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改幸运数字首页样式

Browse Source
This commit is contained in:
chenruiye
2025-05-19 17:04:00 +08:00
parent efd11182bb
commit db7d1872cc
7 changed files with 53 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
view/molistar/activity/luckyNumbers/css/index.css
View File

@@ -53,9 +53,8 @@ body {
font-weight: 600;
font-size: 0.5866666667rem;
color: #FDF565;
line-height: 45px;
position: absolute;
top: 0;
top: 0.2666666667rem;
left: 0.2533333333rem;
}
.top_bg .countdown_box .time_kuang .time_type {
@@ -117,12 +116,12 @@ body {
font-size: 0.3733333333rem;
color: #321000;
text-align: center;
width: 1.7866666667rem;
width: 1.52rem;
height: 0.8rem;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 0.1866666667rem;
justify-content: center;
padding-left: 0.2666666667rem;
position: absolute;
top: 32%;
right: 0;
@@ -243,13 +242,13 @@ body {
}
.fortunate_number .num_show .left_txt {
position: absolute;
top: 30%;
left: 20%;
top: 0.8rem;
left: 1.0933333333rem;
}
.fortunate_number .num_show .right_txt {
position: absolute;
top: 30%;
right: 20%;
top: 0.8rem;
right: 1.0666666667rem;
}
@keyframes scrollUpDown {
0% {
@@ -267,12 +266,12 @@ body {
font-size: 0.3733333333rem;
color: #321000;
text-align: center;
width: 1.7866666667rem;
width: 1.52rem;
height: 0.8rem;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 0.0533333333rem;
justify-content: center;
padding-left: 0.2666666667rem;
position: absolute;
top: 42%;
right: 0.1866666667rem;
@@ -303,6 +302,9 @@ body {
height: 0.6933333333rem;
margin: 0 0.1066666667rem;
}
.fortunate_bottom .participate_btn span {
font-weight: 600;
}
.fortunate_bottom .my_number {
background: rgba(0, 0, 0, 0.8);
border-radius: 0.1866666667rem;
@@ -344,7 +346,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
padding: 0.8rem 0 0.5333333333rem;
}
.popup_sumbit .popup_content .title {
font-family: PingFang SC;
@@ -451,7 +453,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
padding: 0.8rem 0 0.5333333333rem;
height: 9.2rem;
}
.popup_history .popup_content .title {
@@ -534,13 +536,13 @@ body {
}
.popup_history .popup_content .history_list .history_box .right .left_txt {
position: absolute;
top: 32%;
left: 20%;
top: 0.4266666667rem;
left: 0.4533333333rem;
}
.popup_history .popup_content .history_list .history_box .right .right_txt {
position: absolute;
top: 32%;
right: 20%;
top: 0.4266666667rem;
right: 0.4533333333rem;
}
.popup_rule {
@@ -563,7 +565,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
padding: 0.8rem 0 0.5333333333rem;
height: 9.2rem;
}
.popup_rule .popup_content .title {
@@ -622,7 +624,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
padding: 0.8rem 0 0.5333333333rem;
}
.popup_congratulations .popup_content .title {
font-family: PingFang SC;
@@ -666,8 +668,8 @@ body {
}
.arabic .top_bg .rules {
justify-content: flex-start;
justify-content: center;
}
.arabic .fortunate_number .history_btn {
justify-content: flex-start;
justify-content: center;
}

47
view/molistar/activity/luckyNumbers/css/index.scss
View File

@@ -62,9 +62,9 @@ body {
font-weight: 600;
font-size: px2rem(44);
color: #FDF565;
line-height: 45px;
// line-height: px2rem(90);
position: absolute;
top: 0;
top: px2rem(20);
left: px2rem(19)
}
@@ -136,12 +136,12 @@ body {
font-size: px2rem(28);
color: #321000;
text-align: center;
width: px2rem(134);
width: px2rem(114);
height: px2rem(60);
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: px2rem(14);
justify-content: center;
padding-left: px2rem(20);
position: absolute;
top: 32%;
right: 0;
@@ -277,14 +277,14 @@ body {
.left_txt {
position: absolute;
top: 30%;
left: 20%;
top: px2rem(60);
left: px2rem(82);
}
.right_txt {
position: absolute;
top: 30%;
right: 20%;
top: px2rem(60);
right: px2rem(80);
}
@keyframes scrollUpDown {
@@ -312,12 +312,12 @@ body {
font-size: px2rem(28);
color: #321000;
text-align: center;
width: px2rem(134);
width: px2rem(114);
height: px2rem(60);
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: px2rem(4);
justify-content: center;
padding-left: px2rem(20);
position: absolute;
top: 42%;
right: px2rem(14);
@@ -350,6 +350,9 @@ body {
height: px2rem(52);
margin: 0 px2rem(8);
}
span{
font-weight: 600;
}
}
.my_number {
@@ -397,7 +400,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
padding: px2rem(60) 0 px2rem(40);
.title {
font-family: PingFang SC;
@@ -519,7 +522,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
padding: px2rem(60) 0 px2rem(40);
height: px2rem(690);
.title {
@@ -615,14 +618,14 @@ body {
.left_txt {
position: absolute;
top: 32%;
left: 20%;
top: px2rem(32);
left: px2rem(34);
}
.right_txt {
position: absolute;
top: 32%;
right: 20%;
top: px2rem(32);
right: px2rem(34);
}
}
}
@@ -651,7 +654,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
padding: px2rem(60) 0 px2rem(40);
height: px2rem(690);
.title {
@@ -719,7 +722,7 @@ body {
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
padding: px2rem(60) 0 px2rem(40);
// height: px2rem(457);
.title {
@@ -771,9 +774,9 @@ body {
}
.arabic{
.top_bg .rules{
justify-content: flex-start;
justify-content: center;
}
.fortunate_number .history_btn{
justify-content: flex-start;
justify-content: center;
}
}

8
view/molistar/activity/luckyNumbers/js/index.js
View File

@@ -173,15 +173,15 @@ function getData() {
// 渲染幸运数字
$('.fortunate_number .num_show .left_txt .no_animation').text(String(res.data.luckyNumber).substring(0, 1))
$('.fortunate_number .num_show .right_txt .no_animation').text(String(res.data.luckyNumber).substring(1, 2))
$('.fortunate_number .num_show .left_txt').css('top', '15%')
$('.fortunate_number .num_show .right_txt').css('top', '15%')
$('.fortunate_number .num_show .left_txt').css({top: '0.38rem',left: '1rem'})
$('.fortunate_number .num_show .right_txt').css({top: '0.38rem',right:'1rem'})
}, 3000);
} else {
// 渲染幸运数字
$('.fortunate_number .num_show .left_txt .no_animation').text(String(res.data.luckyNumber).substring(0, 1))
$('.fortunate_number .num_show .right_txt .no_animation').text(String(res.data.luckyNumber).substring(1, 2))
$('.fortunate_number .num_show .left_txt').css('top', '15%')
$('.fortunate_number .num_show .right_txt').css('top', '15%')
$('.fortunate_number .num_show .left_txt').css({top: '0.38rem',left: '1rem'})
$('.fortunate_number .num_show .right_txt').css({top: '0.38rem',right:'1rem'})
}
}
} else {

1
view/molistar/activity/luckyNumbers/local/ar.js
View File

@@ -3,7 +3,6 @@ langAr = {
// 模块
demoModule: {
layerIndex1: "جارٍ التحميل...",
layerIndex2: "نجاح",
describe_txt:'أدخل رقماً بين 00-99، وإذا كان مطابقاً لرقم مولستار، يمكنك مشاركة مجموعة العملات المعدنية!',
reward_txt:'شارك لمشاركة العملات المعدنية واحصل على ميداليات الحظ.',
Share:'شارك',

1
view/molistar/activity/luckyNumbers/local/en.js
View File

@@ -3,7 +3,6 @@ langEn = {
// 模块
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
describe_txt:'Enter a number between 00-99 and if it matches a Molistar number, you can share the coin pool!',
reward_txt:'Participate to share Coins and get Fortunate Medals.',
Share:'Share',

1
view/molistar/activity/luckyNumbers/local/tr.js
View File

@@ -3,7 +3,6 @@ langTr = {
// 模块
demoModule: {
layerIndex1: "Yükleniyor...",
layerIndex2: "Başarılı",
describe_txt:'00-99 arasında bir sayı girin ve bir Molistar numarasıyla eşleşirse, jeton havuzunu paylaşabilirsiniz!',
reward_txt:'Madeni Paraları paylaşmak ve Şans Madalyaları kazanmak için katılın.',
Share:'Paylaş',

1
view/molistar/activity/luckyNumbers/local/zh.js
View File

@@ -3,7 +3,6 @@ langZh = {
// 模塊
demoModule: {
layerIndex1: "加载中...",
layerIndex2: "成功",
describe_txt:'輸入 00-99 之間的數字，若與 Molistar 的數字相符，即可分享硬幣池中的硬幣！',
reward_txt:'參與分享金幣並獲得幸運獎牌。',
Share:'分享',