修改分享页
@@ -41,7 +41,36 @@ body {
|
||||
}
|
||||
|
||||
.zh_content {
|
||||
padding-bottom: 1.7333333333rem;
|
||||
background-image: url("../images/bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
height: 21.6533333333rem;
|
||||
}
|
||||
.zh_content .top_img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
.zh_content .top_img img {
|
||||
width: 2rem;
|
||||
height: 2.72rem;
|
||||
}
|
||||
.zh_content .title {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.5866666667rem;
|
||||
margin: 0.64rem 0.6666666667rem 0.32rem;
|
||||
text-align: center;
|
||||
}
|
||||
.zh_content .content_img {
|
||||
margin: 0 0.2666666667rem;
|
||||
}
|
||||
.zh_content .content_img img {
|
||||
height: 12.16rem;
|
||||
}
|
||||
|
||||
.wai_content {
|
||||
@@ -297,7 +326,6 @@ body {
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #381600;
|
||||
margin-top: 0.2666666667rem;
|
||||
}
|
||||
.bottom_boxwrap .detail .txt img {
|
||||
width: 0.3466666667rem;
|
||||
|
||||
@@ -51,11 +51,44 @@ body {
|
||||
}
|
||||
|
||||
.zh_content {
|
||||
padding-bottom: px2rem(130);
|
||||
// padding-bottom: px2rem(130);
|
||||
// position: absolute;
|
||||
// top: px2rem(400);
|
||||
background-image: url('../images/bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
height: px2rem(1624);
|
||||
|
||||
.top_img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: px2rem(150);
|
||||
|
||||
img {
|
||||
width: px2rem(150);
|
||||
height: px2rem(204);
|
||||
}
|
||||
}
|
||||
.title{
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(32);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(44);
|
||||
margin: px2rem(48) px2rem(50) px2rem(24);
|
||||
text-align: center;
|
||||
}
|
||||
.content_img{
|
||||
margin: 0 px2rem(20);
|
||||
img{
|
||||
height: px2rem(912);
|
||||
}
|
||||
}
|
||||
}
|
||||
.wai_content{
|
||||
|
||||
.wai_content {
|
||||
position: absolute;
|
||||
top: px2rem(390);
|
||||
}
|
||||
@@ -113,6 +146,7 @@ body {
|
||||
.info {
|
||||
text-align: center;
|
||||
overflow: visible;
|
||||
|
||||
img {
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
@@ -127,7 +161,7 @@ body {
|
||||
margin-top: px2rem(8);
|
||||
width: px2rem(68);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.right {
|
||||
@@ -153,8 +187,9 @@ body {
|
||||
color: #D9000A;
|
||||
margin: 0 px2rem(16);
|
||||
}
|
||||
.coins_img{
|
||||
img{
|
||||
|
||||
.coins_img {
|
||||
img {
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
}
|
||||
@@ -388,7 +423,6 @@ body {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #381600;
|
||||
margin-top: px2rem(20);
|
||||
|
||||
img {
|
||||
width: px2rem(26);
|
||||
@@ -432,4 +466,4 @@ body {
|
||||
div {
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 26 KiB |
BIN
view/eparty/activity/shortLink/images/bg.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 67 KiB |
BIN
view/eparty/activity/shortLink/images/content_img.png
Normal file
|
After Width: | Height: | Size: 600 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 508 KiB |
|
Before Width: | Height: | Size: 524 KiB |
|
Before Width: | Height: | Size: 523 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 556 KiB |
@@ -13,19 +13,21 @@
|
||||
<body >
|
||||
<!-- 中文页面 -->
|
||||
<div class="zh_content" >
|
||||
<img src="./images/img-en.png" alt="" />
|
||||
<div class="top_img"><img src="./images/EParty.png" alt=""></div>
|
||||
<div class="title Open_me"></div>
|
||||
<div class="content_img"><img src="./images/content_img.png" alt=""></div>
|
||||
</div>
|
||||
|
||||
<!-- 底部 -->
|
||||
<div class="bottom_boxwrap">
|
||||
<div class="logo">
|
||||
<!-- <div class="logo">
|
||||
<img src="./images/EParty.png" alt="" />
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="detail">
|
||||
<div class="title" >E-Party</div>
|
||||
<!-- <div class="title" >E-Party</div> -->
|
||||
<div class="txt">
|
||||
<span id="txt13">Invitation code</span>:<span id="inviteCode"
|
||||
>dsajkz</span
|
||||
<span id="User_code"></span><span id="inviteCode"
|
||||
></span
|
||||
>
|
||||
<img src="./images/fuzhi.png" alt="" id="copyBtn" />
|
||||
</div>
|
||||
|
||||
@@ -115,7 +115,9 @@ function translateFun() {
|
||||
|
||||
$('#txt14').html(langReplace(localLang.demoModule.txt14))
|
||||
|
||||
$('.zh_content img').attr('src', langReplace(localLang.demoModule.content_img))
|
||||
$('#User_code').html(langReplace(localLang.demoModule.User_code))
|
||||
$('.Open_me').html(langReplace(localLang.demoModule.Open_me))
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -35,6 +35,8 @@ langAr = {
|
||||
txt13:'رمز الدعوة',
|
||||
txt14:'افتح',
|
||||
content_img:'./images/img-ar.png',
|
||||
Open_me:'افتح الميكروفون، وابحث عن شخص يشاركك شغفك. تعال واعزف معي!',
|
||||
User_code:'رمز دعوة المستخدم:',
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -33,6 +33,7 @@ langEn = {
|
||||
txt13:'Invitation code',
|
||||
txt14:'Open',
|
||||
content_img:'./images/img-en.png',
|
||||
|
||||
Open_me:'Open the mic, find someone to shares your passion. Come play with me!',
|
||||
User_code:'User Invitation code:',
|
||||
},
|
||||
}
|
||||
|
||||
@@ -33,6 +33,8 @@ langTr = {
|
||||
txt13:'Davet kodu',
|
||||
txt14:'Açık',
|
||||
content_img:'./images/img-tr.png',
|
||||
Open_me:'Mikrofonu açın, tutkunuzu paylaşacak birini bulun. Gelin benimle oynayın!',
|
||||
User_code:'Kullanıcı Davet Kodu:',
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -28,7 +28,8 @@ langZh = {
|
||||
txt13:'邀請碼',
|
||||
txt14:'打開',
|
||||
content_img:'./images/img-en.png',
|
||||
|
||||
Open_me:'打開麥克風，找一個和你一起分享熱情的人。來和我一起玩吧！',
|
||||
User_code:'使用者邀請碼:',
|
||||
}
|
||||
|
||||
}
|
||||