房间分享翻译
This commit is contained in:
qf
Binary file not shown.
Binary file not shown.
@@ -1,131 +1,102 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: url("../images/share_bg.png");
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container .avatar {
|
||||
width: 4.26667rem;
|
||||
height: 4.26667rem;
|
||||
border: 0.16rem solid #8353f5;
|
||||
border-radius: 50%;
|
||||
margin: 2.53333rem auto 0;
|
||||
}
|
||||
|
||||
.container .avatar img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container .user-detail {
|
||||
margin-top: 1.33333rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
color: #4a4a4a;
|
||||
}
|
||||
|
||||
.container .user-detail .user-name {
|
||||
font-size: 0.42667rem;
|
||||
font-weight: bold;
|
||||
line-height: 0.74667rem;
|
||||
}
|
||||
|
||||
.container .user-detail .user-room {
|
||||
font-weight: 700;
|
||||
font-size: 0.50667rem;
|
||||
padding-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.container .user-detail .user-room span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.container .user-detail .user-id {
|
||||
font-size: 0.37333rem;
|
||||
margin-bottom: 0.53333rem;
|
||||
}
|
||||
|
||||
.container .user-detail .linkedme {
|
||||
display: block;
|
||||
width: 5.33333rem;
|
||||
height: 1.44rem;
|
||||
background: url("../images/share_btn_big.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.container .code {
|
||||
width: 100%;
|
||||
height: 1.86667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 1.06667rem;
|
||||
margin-top: 0.26667rem;
|
||||
}
|
||||
|
||||
.container .code img {
|
||||
width: 1.86667rem;
|
||||
height: 1.86667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.container .code div {
|
||||
float: left;
|
||||
margin-left: 0.26667rem;
|
||||
}
|
||||
|
||||
.container .code div p:first-child {
|
||||
font-size: 0.42667rem;
|
||||
line-height: 0.93333rem;
|
||||
}
|
||||
|
||||
.container .code div p:last-child {
|
||||
font-size: 0.34667rem;
|
||||
line-height: 0.8rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.bot {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bot img {
|
||||
width: 1.33333rem;
|
||||
height: 1.33333rem;
|
||||
margin-left: 0.4rem;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
|
||||
.bot p {
|
||||
font-size: 0.42667rem;
|
||||
color: #8353f5;
|
||||
margin-right: 3.46667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bot .contact {
|
||||
width: 2.66667rem;
|
||||
height: 0.8rem;
|
||||
background: #8353f5;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 0.8rem;
|
||||
border-radius: 0.4rem;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff; }
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 17.7866666667rem;
|
||||
background: url("../images/share_bg.png");
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden; }
|
||||
.container .avatar {
|
||||
width: 4.2666666667rem;
|
||||
height: 4.2666666667rem;
|
||||
border: 0.16rem solid #8353f5;
|
||||
border-radius: 50%;
|
||||
margin: 2.5333333333rem auto 0; }
|
||||
.container .avatar img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
height: 100%; }
|
||||
.container .user-detail {
|
||||
margin-top: 1.3333333333rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
color: #4a4a4a; }
|
||||
.container .user-detail .user-name {
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: bold;
|
||||
line-height: 0.7466666667rem; }
|
||||
.container .user-detail .user-room {
|
||||
font-weight: 700;
|
||||
font-size: 0.5066666667rem;
|
||||
padding-bottom: 0.4rem; }
|
||||
.container .user-detail .user-room span {
|
||||
font-weight: bold; }
|
||||
.container .user-detail .user-id {
|
||||
font-size: 0.3733333333rem;
|
||||
margin-bottom: 0.5333333333rem; }
|
||||
.container .user-detail .linkedme {
|
||||
display: inline-block;
|
||||
width: 5.3333333333rem;
|
||||
height: 1.3333333333rem;
|
||||
line-height: 1.3333333333rem;
|
||||
font-size: 0.4rem;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: linear-gradient(90deg, #A476FF 1%, #663CFF 100%);
|
||||
border-radius: 0.6666666667rem; }
|
||||
.container .code {
|
||||
width: 100%;
|
||||
height: 1.8666666667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 1.0666666667rem;
|
||||
margin-top: 0.2666666667rem; }
|
||||
.container .code img {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
float: left; }
|
||||
.container .code div {
|
||||
float: left;
|
||||
margin-left: 0.2666666667rem; }
|
||||
.container .code div p:first-child {
|
||||
font-size: 0.4266666667rem;
|
||||
line-height: 0.9333333333rem; }
|
||||
.container .code div p:last-child {
|
||||
font-size: 0.3466666667rem;
|
||||
line-height: 0.8rem;
|
||||
color: #666; }
|
||||
|
||||
.bot {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
.bot img {
|
||||
width: 1.3333333333rem;
|
||||
height: 1.3333333333rem;
|
||||
margin-left: 0.4rem;
|
||||
margin-right: 0.4rem; }
|
||||
.bot p {
|
||||
font-size: 0.4266666667rem;
|
||||
color: #8353f5;
|
||||
margin-right: 3.4666666667rem;
|
||||
font-weight: bold; }
|
||||
.bot .contact {
|
||||
width: 2.6666666667rem;
|
||||
height: 0.8rem;
|
||||
background: #8353f5;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 0.8rem;
|
||||
border-radius: 0.4rem;
|
||||
font-size: 0.4266666667rem; }
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
|
||||
@@ -64,11 +64,17 @@ body {
|
||||
}
|
||||
|
||||
.linkedme {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
width: px2rem(400);
|
||||
height: px2rem(108);
|
||||
background: url('../images/share_btn_big.png');
|
||||
background-size: 100% 100%;
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100, );
|
||||
font-size: px2rem(30, );
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: linear-gradient(90deg, #A476FF 1%, #663CFF 100%);
|
||||
border-radius: px2rem(50, );
|
||||
// background: url('../images/share_btn_big.png');
|
||||
// background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<meta http-equiv="pragma" content="no-cache" />
|
||||
<meta http-equiv="cache-control" content="no-cache" />
|
||||
<meta http-equiv="expires" content="" />
|
||||
<title>分享</title>
|
||||
<title>share</title>
|
||||
<meta property="og:url" content="" />
|
||||
<meta property="fb:app_id" content="1266232494209868" />
|
||||
<meta property="og:type" content="website" />
|
||||
@@ -31,9 +31,9 @@
|
||||
</div>
|
||||
<div class="user-detail">
|
||||
<p class="user-name"></p>
|
||||
<p class="user-room">邀请你进入 <span></span> 的房间</p>
|
||||
<p class="user-id">房间ID <span></span> </p>
|
||||
<a href="" class="linkedme domload" id="bomlinkdomload"></a>
|
||||
<p class="user-room"><b id="invite_you">邀请你进入</b> <span></span> <b id="ta_room">的房间</b></p>
|
||||
<p class="user-id"><b id="room_id">房间ID</b> <span></span> </p>
|
||||
<a href="" class="linkedme domload" id="bomlinkdomload">立即进入</a>
|
||||
</div>
|
||||
<div class="code" style="display: none;">
|
||||
<img src="./images/share_bg_whrite.png" alt="">
|
||||
@@ -56,7 +56,15 @@
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<!--创建深度链接-->
|
||||
<script src="https://static.lkme.cc/linkedme.min.js"></script>
|
||||
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/id.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<!-- <script src="./js/moblink.js"></script> -->
|
||||
<script type="text/javascript" src="//cebg.t4m.cn/applink.js"></script>
|
||||
|
||||
@@ -19,11 +19,27 @@ let workAuthor;
|
||||
let workAuthorId;
|
||||
//获取房主uid的信息
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
// 初始化国际化
|
||||
initLocalLang();
|
||||
translateFun();
|
||||
}, 80)
|
||||
var EnvType = EnvCheck();
|
||||
if (EnvType == 'test') {
|
||||
// var vConsole = new VConsole();
|
||||
}
|
||||
var EnvType = EnvCheck();
|
||||
|
||||
// 进行文本替换
|
||||
function translateFun() {
|
||||
const langReplace = window.lang.replace;
|
||||
const localLang = window.lang;
|
||||
$('#invite_you').html(langReplace(localLang.demoModule.invite_you));
|
||||
$('#ta_room').html(langReplace(localLang.demoModule.ta_room));
|
||||
$('#room_id').html(langReplace(localLang.demoModule.room_id));
|
||||
$('#bomlinkdomload').html(langReplace(localLang.demoModule.bomlinkdomload));
|
||||
shareObj.data.title = langReplace(localLang.demoModule.share_title)
|
||||
}
|
||||
|
||||
//根据浏览器窗口高度背景图片高度
|
||||
let user = $('.user-detail');
|
||||
var locateObj = getQueryString();
|
||||
@@ -77,7 +93,7 @@ $(function () {
|
||||
* params: 网页需要带给客户端的参数
|
||||
*/
|
||||
// 页面上有多个元素需要跳转时要使用数组方式进行初始化
|
||||
function get_param (param) {
|
||||
function get_param(param) {
|
||||
var query = location.search.substring(1).split('&');
|
||||
for (var i = 0; i < query.length; i++) {
|
||||
var kv = query[i].split('=');
|
||||
|
||||
15
view/peko/modules/share_room/local/ar.js
Normal file
15
view/peko/modules/share_room/local/ar.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
loading: 'تحميل',
|
||||
network: 'خطأ في الشبكة ، يرجى الخروج وإعادة الدخول',
|
||||
open_app: 'يرجى فتحه في التطبيق',
|
||||
// ===============index============
|
||||
invite_you:'أدعوكم إلى',
|
||||
ta_room:'غرفة .',
|
||||
room_id:'غرفة . ID',
|
||||
bomlinkdomload:'دخول فوري',
|
||||
share_title:'peko, يأخذك إلى عالم الصوت',
|
||||
}
|
||||
}
|
||||
15
view/peko/modules/share_room/local/en.js
Normal file
15
view/peko/modules/share_room/local/en.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// 英文
|
||||
langEn = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
loading: 'Loading',
|
||||
network: 'Network error, please exit and re-enter',
|
||||
open_app: 'Please open it in the app',
|
||||
// ===============index============
|
||||
invite_you:'Invite you to enter',
|
||||
ta_room:'Room',
|
||||
room_id:'Room ID',
|
||||
bomlinkdomload:'Enter immediately',
|
||||
share_title:'peko, take you into the world of voice actors',
|
||||
}
|
||||
}
|
||||
15
view/peko/modules/share_room/local/id.js
Normal file
15
view/peko/modules/share_room/local/id.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// 印尼语
|
||||
langId = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
loading: 'Memuat',
|
||||
network: 'Kesalahan jaringan, silakan keluar dan masuk kembali',
|
||||
open_app: 'Silakan buka di aplikasi',
|
||||
// ===============index============
|
||||
invite_you:'Memundang Anda untuk masuk',
|
||||
ta_room:'Ruangan',
|
||||
room_id:'Ruangan ID',
|
||||
bomlinkdomload:'Masukkan segera',
|
||||
share_title:'peko，Bawa Anda ke dunia aktor suara',
|
||||
}
|
||||
}
|
||||
15
view/peko/modules/share_room/local/tr.js
Normal file
15
view/peko/modules/share_room/local/tr.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// 土耳其语
|
||||
langTr = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
loading: 'Yükleniyor',
|
||||
network: 'Ağ hatası, lütfen çıkın ve tekrar girin',
|
||||
open_app: 'Lütfen uygulamada açın',
|
||||
// ===============index============
|
||||
invite_you:'Sizi girmenizi davet edin.',
|
||||
ta_room:'oda',
|
||||
room_id:'oda ID',
|
||||
bomlinkdomload:'Derhal gir',
|
||||
share_title:'Peko, seni sesli oyuncuların dünyasına götürür.',
|
||||
}
|
||||
}
|
||||
15
view/peko/modules/share_room/local/zh.js
Normal file
15
view/peko/modules/share_room/local/zh.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// 繁体中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
loading: '加載中',
|
||||
network: '網絡錯誤，請退出重進',
|
||||
open_app: '請在app內打開',
|
||||
// ===============index============
|
||||
invite_you:'邀請你進入',
|
||||
ta_room:'的房間',
|
||||
room_id:'房間ID',
|
||||
bomlinkdomload:'立即進入',
|
||||
share_title:'peko，帶你進入聲優的世界',
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user