Skip to content

libai / footsen

Go to a project
Commit ffab3c9e by agan
Options

xg

parent 9107c20e
Inline Side-by-side
Showing with 1265 additions and 172 deletions
footseen/Nesting/dew/css/dewRoom.css 0 → 100644
body {
background-color: transparent;
}
body .layui-layer {
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
body .layui-layer.layui-layer-hui {
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, 0.6);
}
.ios-select-widget-box.olay {
border-top-right-radius: 0.4rem;
border-top-left-radius: 0.4rem;
overflow: hidden;
}
.olay.ios-select-widget-box.one-level-box .layer {
/* height: 7.5rem; */
height: 8.2rem !important;
border-top-right-radius: 0.4rem;
border-top-left-radius: 0.4rem;
overflow: hidden;
}
.main {
position: relative;
width: 10rem;
/* height: 7.5rem; */
height: 8.2rem;
margin: 0 auto;
background-color: #fff;
/* border-radius: 0.4rem; */
overflow: hidden;
border-top-right-radius: 0.4rem;
border-top-left-radius: 0.4rem;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
/* .halfMask{
position: absolute;
top: 7.5rem;
left: 0;
width: 10rem;
height: 10rem;
background-color: #11121A;
} */
.loading {
position: relative;
width: 10rem;
height: 8.2rem;
/* height: 7.5rem; */
}
.loading img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.2rem;
z-index: 99;
}
.topTitle {
position: relative;
width: 9.13rem;
height: 1.24rem;
line-height: 1.24rem;
/* border-bottom: 0.01rem solid #373840; */
margin: 0 auto;
color: #282828;
text-align: center;
font-size: 0.43rem;
}
.kfIcon {
width: 0.64rem;
height: 1.24rem;
position: absolute;
top: 0;
right: 0;
background: url(../images/kf.png) no-repeat;
background-size: contain;
background-position: center;
}
.mainTopBg {
background: url(../images/dewbgroom.png) no-repeat;
background-size: 100% 100%;
width: 8.546rem;
height: 2.307rem;
position: relative;
margin: 0 auto;
margin-top: 0.37rem;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.recording {
width: 0.64rem;
height: 0.64rem;
position: absolute;
right: 0.48rem;
top: 0.533rem;
font-size: 0.32rem;
color: #CCC;
background: url(https://app.ixiulive.com/static/app/img/3.png?v=202304211206) no-repeat;
background-size: contain;
}
.dewNum {
position: absolute;
left: 50%;
top: 1.2rem;
transform: translateX(-50%);
font-size: 0.613rem;
color: #925EEB;
text-align: center;
font-weight: bold;
}
.dewNum img {
width: 0.747rem;
height: 0.88rem;
position: absolute;
top: -0.8rem;
left: 50%;
transform: translateX(-50%);
}
.mainTopTitle {
position: absolute;
font-size: 0.32rem;
color: #CCC;
top: 0.533rem;
left: 0.666rem;
}
.mDesc {
position: relative;
width: 8.533rem;
margin: 0.4rem auto 0;
font-size: 0;
display: flex;
align-items: center;
height: 0.8rem;
}
.mDescImg1 {
width: 0.28rem;
height: 0.347rem;
margin-right: 0.133rem;
}
.mDescImg2 {
width: 0.347rem;
height: 0.267rem;
}
.mDescImg3 {
width: 0.267rem;
height: 0.36rem;
margin-left: 0.133rem;
}
.mDesc font {
font-size: 0.28rem;
color: #707070;
margin-left: 0.2rem;
}
.mBtnCon {
width: 100%;
text-align: center;
font-size: 0;
height: 1.8rem;
margin-top: 0.4rem;
padding-bottom: 0.7rem;
}
.mBtnCon div {
background: #FCEBF3;
border: 0.03rem solid #E53985;
border-radius: 0.21rem;
width: 4.09rem;
height: 1.6rem;
line-height: 1.6rem;
text-align: center;
color: #E53985;
font-size: 0.64rem;
position: absolute;
left: 0.706rem;
}
.mBtnCon div.mBtn2 {
left: auto;
right: 0.84rem;
}
.ios-select-widget-box header.iosselect-header{
height: 1.28rem !important;
line-height: 1.28rem!important;
background-color: #FFF;
border-bottom: 1px solid rgba(0,0,0,.08);
}
.ios-select-widget-box header.iosselect-header a.close,.ios-select-widget-box header.iosselect-header a.sure{
height: 1.28rem !important;
line-height: 1.28rem!important;
color: #E53985;
}
/*.ios-select-widget-box header.iosselect-header a.close{
display: none !important;
}*/
.ios-select-widget-box #iosSelectTitle{
color: #999;
}
.ios-select-widget-box.olay > div, .ios-select-widget-box header.iosselect-header, .ios-select-widget-box ul li{
background-color: #FFF;
}
.ios-select-widget-box ul li{
color: #C4C4C4;
}
.ios-select-widget-box ul li.at{
color: #333;
font-size: 20px;
}
.ios-select-widget-box header.iosselect-header a.close{
display: none !important;
}
.maskingBtn span:active,
.dewMaskingBtn span:active{
background: #E5E5E5;
}
.maskingBtn span:nth-child(1):active,
.dewMaskingBtn span:nth-child(1):active{
border-bottom-left-radius: 0.533rem;
-webkit-border-bottom-left-radius:0.533rem;
-moz-border-bottom-left-radius: 0.533rem;
-ms-border-bottom-left-radius:0.533rem;
}
.maskingBtn span:nth-child(2):active,
.dewMaskingBtn span:nth-child(2):active{
border-bottom-right-radius: 0.533rem;
-webkit-border-bottom-right-radius: 0.533rem;
-moz-border-bottom-right-radius: 0.533rem;
-ms-border-bottom-right-radius: 0.533rem;
}
.ios-select-widget-box.olay > div{
top: 0;
}
\ No newline at end of file
footseen/Nesting/dew/exchangeDew.html
...@@ -56,6 +56,8 @@ ...@@ -56,6 +56,8 @@
<script src="../../layer-v3.1.0/layer/layer.js"></script> <script src="../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../lib/langchange.js?v=202009291808"></script> <script src="../../lib/langchange.js?v=202009291808"></script>
<script src="lib/iosSelect.js?v=202009251506"></script> <script src="lib/iosSelect.js?v=202009251506"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js?v=202304251650"></script>
<script type="text/javascript"> <script type="text/javascript">
var flag = true; var flag = true;
var flag1 = true; var flag1 = true;
...@@ -66,7 +68,7 @@ ...@@ -66,7 +68,7 @@
var params = getRequest(); var params = getRequest();
sessionStorage.token = params.token;//token sessionStorage.token = params.token;//token
sessionStorage.uid = params.uid; //uid sessionStorage.uid = params.uid; //uid
var $url = 'https://www.footseen.com/footseen';
$("title").text(langList[langType].dew23); $("title").text(langList[langType].dew23);
$('.maskingBtn span').eq(0).text(langList[langType].dew24); $('.maskingBtn span').eq(0).text(langList[langType].dew24);
$('.maskingBtn span').eq(1).text(langList[langType].dew25); $('.maskingBtn span').eq(1).text(langList[langType].dew25);
...@@ -83,7 +85,106 @@ ...@@ -83,7 +85,106 @@
layer.closeAll(); layer.closeAll();
}) })
if (getRequest().appversion >= 7300) {
$('.mBtnCon div').on('click', function () {
$(this).addClass('check').siblings().removeClass('check');
})
$.ajaxSetup({
global: false,
type: 'post',
dataType: "JSON",
data: {
os: 'WEB',
cid: 'web_gw',
lang: sessionStorage.lang,
uid: sessionStorage.uid,
token: sessionStorage.token
}
})
getUserInfo(true);
//获取个人信息
var diamond = 0; //寶石
var chip = 0; //露水
var arrList1 = [];
var arrList2 = [];
function getUserInfo(flag) {
$.ajax({
url: $ip + '/user/getUserInfo.html',
success: function (res) {
$('.dewNum font').text(res.data.chip);
chip = res.data.chip;
diamond = res.data.diamond;
getBuyChipData(flag);
getSellChipData(flag);
}
})
}
var $url = 'https://events.yabolive.net';
if ($firefly.urlData.appversion >= 7400) {
let imgUrl1, imgUrl2, imgUrl3, imgUrl4;
let fileName = $firefly.urlData.appname;
imgUrl2 = 'https://app.ixiulive.com/static/app/img/' + fileName + '/share1.png'
imgUrl3 = 'https://app.ixiulive.com/static/app/img/' + fileName + '/5.png'
imgUrl4 = 'https://app.ixiulive.com/static/app/img/' + fileName + '/title.png'
imgUrl1 = 'https://app.ixiulive.com/static/app/img/' + fileName + '/kf.png';
try {
tellCliIcon();
$firefly.changeTitle2();
} catch (error) {
}
function tellCliIcon() {
let mInfos = [ //第一级 右上角展示的Icon
{
"imgUrl": imgUrl1,
"explain": '客服',
"webFunc": "$firefly.goCustomerService()",
},
{
//第二级 更多中的内容
"imgUrl": imgUrl3, // ...的icon
"explain": "更多",// ...的cid
"webFunc": "openExtra()"
}
]
$firefly.showIcons(mInfos);
}
function openExtra() {
let infos = [
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang2,
"webFunc": "$firefly.refreshWeb()",
}],
[{
"fontStyle": {
"highLight": false // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang3,
"webFunc": "$firefly.goCustomerService()",
},
{
"fontStyle": {
"highLight": true // 是否高亮
},
"explain": $firefly.langList[$firefly.langType].lang6,
"webFunc": "$firefly.closeWebView()",
}]
]
$firefly.openExtra(infos);
}
} else if (getRequest().appversion >= 7300) {
$(".recording").hide(); $(".recording").hide();
var obj = { var obj = {
"cid": 29, "cid": 29,
...@@ -92,7 +193,7 @@ ...@@ -92,7 +193,7 @@
"msg": "h5网页右上角显示图标", "msg": "h5网页右上角显示图标",
"info": [ "info": [
{ {
"imgUrl": 'https://app.ixiulive.com/static/app/img/3_1.png?v=202204011725', "imgUrl": 'https://app.ixiulive.com/static/app/img/3_1.png?v=202204011539',
"explain": langList[langType].upright4, "explain": langList[langType].upright4,
"cid": "15", "cid": "15",
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
...@@ -126,7 +227,7 @@ ...@@ -126,7 +227,7 @@
"msg": langList[langType].upright7, "msg": langList[langType].upright7,
'title': langList[langType].upright6, 'title': langList[langType].upright6,
"customerLayer": "1", "customerLayer": "1",
"uid": "1001", "uid": "1000", // 此处原为1001，需求要求合并到1000，所以值改为1000
"face": "https://zhibocdn.yabolive.net/comm/img/appicon/yqzx_icon_v1.png?x-oss-process=image/resize,h_100,w_100", "face": "https://zhibocdn.yabolive.net/comm/img/appicon/yqzx_icon_v1.png?x-oss-process=image/resize,h_100,w_100",
"nickname": langList[langType].upright6, "nickname": langList[langType].upright6,
} }
...@@ -137,46 +238,39 @@ ...@@ -137,46 +238,39 @@
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2) appCollaboration(obj2)
} // } else if (getRequest().appversion >= 5900) {
// $(".recording").hide();
$('.mBtnCon div').on('click', function () {
$(this).addClass('check').siblings().removeClass('check');
})
$.ajaxSetup({ // } else {
global: false, // $(".recording").show();
type: 'post',
dataType: "JSON",
data: {
os: 'WEB',
cid: 'web_gw',
lang: sessionStorage.lang,
uid: sessionStorage.uid,
token: sessionStorage.token
} }
function exchangeDewMasking() {
$('.mianDetail').on('click', function () {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: .8,
area: ['7.2rem', '3.733rem'],
closeBtn: 0, //不显示关闭按钮
content: $('.masking')
});
//宝石
var gem = $(this).find('.mainDewBtn font').text();
//露水
var dew = $(this).find('.mainDewNum').text();
//pointId
var pointId = $(this).attr('data-id');
$('.maskingDesc1 span').text(gem);
$('.maskingDesc2 span').text(dew);
$('.maskingBtn span').eq(1).unbind('click');
$('.maskingBtn span').eq(1).on('click', function () {
exchangeDewSubmit(pointId);
}) })
getUserInfo(true);
//获取个人信息
var diamond = 0; //寶石
var chip = 0; //露水
var arrList1 = [];
var arrList2 = [];
function getUserInfo(flag) {
$.ajax({
url: $ip + '/user/getUserInfo.html',
success: function (res) {
$('.dewNum font').text(res.data.chip);
chip = res.data.chip;
diamond = res.data.diamond;
getBuyChipData(flag);
getSellChipData(flag);
}
}) })
} }
//获取买入露水兑换点 //获取买入露水兑换点
function getBuyChipData(flag) { function getBuyChipData(flag) {
$.ajax({ $.ajax({
......
footseen/Nesting/dew/exchangeDewRoom.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="../../css/layer.css" />
<link rel="stylesheet" href="../../css/iosSelect.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/dewRoom.css?v=202304252204">
<link rel="stylesheet" href="../../css/mask.css" />
<script src="lib/fsize.js"></script>
<title></title>
</head>
<body>
<div class="main">
<div class="loading">
<img src="https://app.ixiulive.com/static/app/img/loading_ft.webp" alt="">
</div>
<div class="topTitle">我的露水<span class="kfIcon"></span></div>
<div class="mainTopBg">
<span class="dewNum"><img src="images/dew2.png" />
<font></font>
</span>
</div>
<p class="mDesc">
<img src="images/zuan.png" class="mDescImg1">
<img src="images/icon1.png" class="mDescImg2" />
<img src="images/dev-m.png" class="mDescImg3" />
<font></font>
</p>
<div class="mBtnCon">
<div class="mBtn1 check" data-id="1"></div>
<div class="mBtn2" data-id="2"></div>
</div>
</div>
<div class="masking dewMasking1">
<div class="maskingCon">
<div class="maskingBox">
</div>
<div class="maskingBtn"><span></span><span></span></div>
</div>
</div>
<div class="masking dewMasking2">
<div class="maskingCon">
<div class="maskingBox">
<p class="masking2Desc1"></p>
<p class="masking2Desc2"></p>
</div>
<div class="dewMaskingBtn"><span></span><span onclick="goRecharge();"></span></div>
</div>
</div>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer/layer.js"></script>
<script src="../../lib/langchange.js?v=202304241704"></script>
<script src="lib/iosSelect.js?v=202304241704"></script>
<script type="text/javascript">
$(document).ready(function ($) {
$('.loading').hide();
})
var flag = true;
var flag1 = true;
var flag2 = true;
var interval1 = null;
var interval2 = null;
// var $url = 'http://ceshi.yabolive.tv';
var $url = 'https://events.yabolive.net';
$("title").text(langList[langType].dew23);
$(".topTitle").html(langList[langType].dew23 + '<span class="kfIcon"></span>');
$('.maskingBtn span').eq(0).text(langList[langType].dew24);
$('.maskingBtn span').eq(1).text(langList[langType].dew25);
$('.mDesc font').html(langList[langType].dew2);
$('.mBtn1').html('+' + langList[langType].dew4);
$('.mBtn2').html('-' + langList[langType].dew5);
$('.dewMasking2 .masking2Desc1').html(langList[langType].dew12);
$('.dewMasking2 .masking2Desc2').html(langList[langType].dew10);
$('.dewMaskingBtn span').eq(0).html(langList[langType].dew14);
$('.dewMaskingBtn span').eq(1).html(langList[langType].dew15);
$('.maskingBtn span:eq(0),.dewMaskingBtn span:eq(0)').on('click', function () {
layer.closeAll();
})
var data = getUrlRequest();
sessionStorage.kkk = data.token;
sessionStorage.bbb = data.uid;
$('.mBtnCon div').on('click', function () {
$(this).addClass('check').siblings().removeClass('check');
})
$.ajaxSetup({
global: false,
type: 'post',
dataType: "JSON",
data: {
os: 'WEB',
cid: 'web_gw',
lang: sessionStorage.lang,
uid: sessionStorage.bbb,
token: sessionStorage.kkk
}
})
getUserInfo(true);
//获取个人信息
var diamond = 0; //寶石
var chip = 0; //露水
var arrList1 = [];
var arrList2 = [];
function getUserInfo(flag) {
$.ajax({
url: $ip + '/user/getUserInfo.html',
success: function (res) {
$('.dewNum font').text(res.data.chip);
chip = res.data.chip;
diamond = res.data.diamond;
getBuyChipData(flag);
getSellChipData(flag);
}
})
}
//获取买入露水兑换点
function getBuyChipData(flag) {
$.ajax({
url: $ip + '/chip/exchangeBuyChipData.html',
success: function (res) {
var str = '';
var list = res.result;
arrList1 = convertKey(list, { 'pid': 'id', 'point': 'value' })
for (var i = 0; i < arrList1.length; i++) {
if (arrList1[i].value == -1) {
if (diamond >= res.rate * 100 * 10) {
var num = diamond + '';
arrList1[i].value = langList[langType].dew16;
arrList1[i].expend = Number(num.substring(0, num.length - 1)) * 10;
} else {
arrList1[i].value = langList[langType].dew16;
arrList1[i].expend = 0;
}
} else {
arrList1[i].value = arrList1[i].value + ' ' + langList[langType].dewExchangeTitle3;
}
}
if (flag) {
selectCountry1(res.rate);
}
}
})
}
//獲取賣出露水兌換點
function getSellChipData(flag) {
$.ajax({
url: $ip + '/chip/exchangeSellChipData.html',
success: function (res) {
var str = '';
var list = res.result;
arrList2 = convertKey(list, { 'pid': 'id', 'point': 'value' })
for (var i = 0; i < arrList2.length; i++) {
arrList2[i].expend = arrList2[i].value;
if (arrList2[i].value == -1) {
arrList2[i].value = langList[langType].dew17;
if (chip >= 10 / res.rate) {
var num = chip + '';
arrList2[i].expend = Number(num.substring(0, num.length - 3)) * 1000;
} else {
arrList2[i].expend = chip;
}
} else {
arrList2[i].value = arrList2[i].value + ' ' + langList[langType].dewExchangeTitle3;
}
}
if (flag) {
selectCountry2(res.rate);
}
}
})
}
//寶石兌換露水
function selectCountry1(rate) {
var showDom = document.querySelector('.mBtn1');// 绑定一个触发元素
showDom.addEventListener('click', function () { // 添加监听事件
var val = showDom.dataset['id']; // 获取元素的data-id属性值
var title = showDom.dataset['value']; // 获取元素的data-value属性值
// 实例化组件
window.example = new IosSelect(1, // 第一个参数为级联层级，演示为1
[arrList1],
{
container: '.container1', // 容器class
itemHeight: .8, // 每个元素的高度
itemShowCount: 7, // 每一列显示元素个数，超出将隐藏
oneLevelId: 0, // 第一级默认值
title: '',
headerHeight: 1.27,
cssUnit: 'rem',
callback: function (selectOneObj) { // 用户确认选择后的回调函数
if (diamond >= selectOneObj.expend && diamond >= rate * 100 * 10) {
if (selectOneObj.value == langList[langType].dew16) {
var num = diamond + '';
selectOneObj.expend = Number(num.substring(0, num.length - 1)) * 10;
selectOneObj.value = selectOneObj.expend * 100;
}
exchangeDewMasking1(parseInt(selectOneObj.value), selectOneObj.expend, selectOneObj.id);
} else {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: .8,
area: ['7.786rem', ''],
closeBtn: 0, //不显示关闭按钮
content: $('.dewMasking2')
});
}
}
});
});
}
function selectCountry2(rate) {
var showDom = document.querySelector('.mBtn2');// 绑定一个触发元素
showDom.addEventListener('click', function () { // 添加监听事件
var val = showDom.dataset['id']; // 获取元素的data-id属性值
var title = showDom.dataset['value']; // 获取元素的data-value属性值
// 实例化组件
window.example = new IosSelect(1, // 第一个参数为级联层级，演示为1
[arrList2],
{
container: '.container1', // 容器class
itemHeight: .8, // 每个元素的高度
itemShowCount: 7, // 每一列显示元素个数，超出将隐藏
oneLevelId: 0, // 第一级默认值
title: '',
headerHeight: 1.27,
cssUnit: 'rem',
callback: function (selectOneObj) { // 用户确认选择后的回调函数
if (chip >= selectOneObj.expend && chip != 0) {
if (chip < 1000) {
layer.msg(langList[langType].dew27);
} else {
exchangeDewMasking2(selectOneObj.expend, selectOneObj.expend * rate, selectOneObj.id)
}
} else {
layer.msg(langList[langType].dew27);
}
}
});
});
}
function exchangeDewMasking1(value, expend, pid) {
console.log(value, expend, pid)
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: .8,
area: ['7.786rem', ''],
closeBtn: 0, //不显示关闭按钮
content: $('.dewMasking1'),
end: function () {
flag1 = true;
}
});
var str = '';
str += '<p class="maskingDesc1">' + langList[langType].dew9 + '<span class="gem">' + expend + '</span>' + langList[langType].dew18 + '</p>';
str += '<p class="maskingDesc2">' + langList[langType].dew4 + '<span class="dew">' + value + '</span>' + langList[langType].dewExchangeTitle3 + '？</p>';
$('.dewMasking1 .maskingBox').html(str);
$('.maskingBtn span').eq(1).unbind('click');
$('.maskingBtn span').eq(1).on('click', function () {
if (!flag1) return;
flag1 = false;
exchangeDewSubmit1(pid);
})
}
function exchangeDewMasking2(value, expend, pid) {
layer.open({
type: 1,
title: false,
shadeClose: true,
shade: .8,
area: ['7.786rem', ''],
closeBtn: 0, //不显示关闭按钮
content: $('.dewMasking1'),
end: function () {
flag2 = true;
}
});
var str = '';
str += '<p class="maskingDesc1">' + langList[langType].dew8 + '<span class="dew">' + value + '</span>' + langList[langType].dewExchangeTitle3 + '</p>';
str += '<p class="maskingDesc2">' + langList[langType].dew19 + '<span class="gem">' + expend + '</span>' + langList[langType].dew18 + '？</p>';
$('.dewMasking1 .maskingBox').html(str);
$('.maskingBtn span').eq(1).unbind('click');
$('.maskingBtn span').eq(1).on('click', function () {
if (!flag2) return;
flag2 = false;
exchangeDewSubmit2(pid);
})
}
//宝石兑换露水 确认
function exchangeDewSubmit1(pid) {
clearTimeout(interval1)
$.ajax({
url: $ip + '/chip/buy.html',
data: {
pid: pid
},
success: function (res) {
if (res.code == 1) {
getUserInfo(false);
interval1 = setTimeout(function () {
layer.closeAll();
window.example.iosSelectLayer.close()
layer.msg(langList[langType].dew26);
}, 500)
} else {
window.example.iosSelectLayer.close()
layer.closeAll();
layer.msg(res.msg);
}
}
})
}
//賣出露水確認
function exchangeDewSubmit2(pid) {
clearTimeout(interval2)
$.ajax({
url: $ip + '/chip/sell.html',
data: {
pid: pid
},
success: function (res) {
if (res.code == 1) {
getUserInfo(false);
interval2 = setTimeout(function () {
layer.closeAll();
window.example.iosSelectLayer.close()
layer.msg(langList[langType].dew29);
}, 500)
} else {
window.example.iosSelectLayer.close()
layer.closeAll();
layer.msg(res.msg);
}
}
})
}
$('.kfIcon').on('click', function () {
var obj = {
"cid": 4,
"reqCode": new Date().getTime(),
"data": {
"msg": langList[langType].upright7,
"customerLayer": 1,
"uid": 1000,
"face": 'https://app.ixiulive.com/static/images/yhx.png',
"nickname": "客服",
"title": "客服",
}
}
var objCust = JSON.stringify(obj);
appCollaboration(objCust)
})
//替换对象的key
function convertKey(arr, keyMap) {
var tempString = JSON.stringify(arr);
for (var key in keyMap) {
var reg = '/"' + key + '":/g';
tempString = tempString.replace(eval(reg), '"' + keyMap[key] + '":');
}
return JSON.parse(tempString);
}
function getUrlRequest() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
//去储值
function goRecharge() {
if (flag) {
flag = false;
if (getUrlRequest().appversion >= 7530) {
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": "半屏宝石储值",
"jumptype": 40,
}
}
var obj2 = JSON.stringify(obj);
flag = true;
appCollaboration(obj2);
} else if (getUrlRequest().appversion >= 4500) {
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": "半屏宝石储值",
"jumptype": 16,
}
}
var obj2 = JSON.stringify(obj);
flag = true;
appCollaboration(obj2);
} else {
layer.closeAll();
if (langType == 2) {
layer.msg(langList[langType].dew30 + '<br>' + langList[langType].dew31);
} else {
layer.msg(langList[langType].dew30 + '. ' + langList[langType].dew31);
}
flag = true;
}
}
}
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
}
else if (bIsAndroid) {
window.yazhai.appCollaboration(msg);
} else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</body>
</html>
\ No newline at end of file
footseen/Nesting/medal/css/index.css 0 → 100644
.main{
position: relative;
margin: 0 auto;
background-color: #171521;
width: 10rem;
padding-bottom: 0.8rem;
}
.head{
background: url(../img/head.png?v=201905281103) no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 7.84rem;
position: relative;
}
.head img{
width: 6.306rem;
height: 1.826rem;
position: absolute;
left: 50%;
margin-left: -3.3rem;
top: 2.2rem;
display: none;
}
.list{
background: url(../img/list.png?v=201906061514) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 27.373rem;
margin: 0 auto;
position: relative;
top: -.3rem;
}
.show{
background: url(../img/show.png?v=201906061540) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 17.453rem;
margin: .766rem auto 0;
position: relative;
}
.wear{
background: url(../img/wear.png) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 11.706rem;
margin: 1.066rem auto 0;
position: relative;
}
.desc{
background: url(../img/desc.png?v=201906061549) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 16.746rem;
margin: 1.066rem auto 0;
position: relative;
}
.main2{
position: relative;
margin: 0 auto;
background-color: #171521;
width: 10rem;
padding-bottom: 0.8rem;
}
.mHead2{
width: 10rem;
height: 7.146rem;
position: relative;
}
.mBox2{
position: relative;
width: 8.666rem;
margin: 0.64rem auto 0;
font-size: 0;
}
.mTitle{
font-size: 0.373rem;
color:#6BCCE9;
}
.mBoxTest{
font-size: 0.373rem;
color:#3387A0;
}
.mTitle{
margin-top: 0.6rem;
}
.mTitle:first-child{
margin-top: 0;
}
.mLogo2{
background: url(../img/logo.png) no-repeat;
background-size: 100% 100%;
width: 2.52rem;
height: 0.933rem;
position: relative;
margin: 1.2rem auto 0;
}
footseen/Nesting/medal/img/bg_cn.png
footseen/Nesting/medal/img/bg_cn.png

142 KB | W: | H:

footseen/Nesting/medal/img/bg_cn.png

150 KB | W: | H:

footseen/Nesting/medal/img/bg_cn.png
footseen/Nesting/medal/img/bg_cn.png
footseen/Nesting/medal/img/bg_cn.png
footseen/Nesting/medal/img/bg_cn.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/medal/img/bg_en.png
footseen/Nesting/medal/img/bg_en.png

148 KB | W: | H:

footseen/Nesting/medal/img/bg_en.png

140 KB | W: | H:

footseen/Nesting/medal/img/bg_en.png
footseen/Nesting/medal/img/bg_en.png
footseen/Nesting/medal/img/bg_en.png
footseen/Nesting/medal/img/bg_en.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/medal/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title></title> <title></title>
<link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/reset.css" />
<script type="text/javascript" src="../../lib/fsize.js" ></script> <script type="text/javascript" src="../../lib/fsize.js"></script>
<style type="text/css"> <style type="text/css">
body,html{ body,
html {
background-color: #171521; background-color: #171521;
} }
.main1{
.main1 {
background: url(img/bg_cn.png) no-repeat; background: url(img/bg_cn.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 10rem; width: 10rem;
...@@ -23,7 +26,8 @@ ...@@ -23,7 +26,8 @@
font-size: 0; font-size: 0;
margin: 0 auto; margin: 0 auto;
} }
.main2{
.main2 {
background: url(img/bg_en.png) no-repeat; background: url(img/bg_en.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 10rem; width: 10rem;
...@@ -32,38 +36,59 @@ ...@@ -32,38 +36,59 @@
font-size: 0; font-size: 0;
margin: 0 auto; margin: 0 auto;
} }
#headImg{
#headImg {
width: 6.306rem; width: 6.306rem;
height: 1.826rem; height: 1.826rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -3.3rem; margin-left: -3.3rem;
top: 2.2rem; top: 2.2rem;
}
.fusi .main1 {
background: url(img/bg_cn_fusi.png) no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 20.626rem;
position: relative;
font-size: 0;
margin: 0 auto;
}
.fusi .main2 {
background: url(img/bg_en_fusi.png) no-repeat;
background-size: 100% 100%;
width: 10rem;
height: 21.026rem;
position: relative;
font-size: 0;
margin: 0 auto;
} }
</style> </style>
</head> </head>
<body>
<body>
<div class="main1 hide"> <div class="main1 hide">
<img id="headImg"> <img id="headImg">
</div> </div>
<div class="main2 hide"></div> <div class="main2 hide"></div>
<script src="../../lib/jquery-3.1.1.min.js"></script> <script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="../../lib/langchange.js?v=201909121028"></script> <script src="../../lib/langchange.js?v=201909121028"></script>
<script type="text/javascript"> <script type="text/javascript">
if(langType == 0){ if (langType == 0) {
$('.main1').removeClass('hide'); $('.main1').removeClass('hide');
$('.main2').addClass('hide'); $('.main2').addClass('hide');
$("title").text('勛章'); $("title").text('勛章');
var hImg = document.getElementById('headImg') var hImg = document.getElementById('headImg')
getNavigator(); getNavigator();
//判断终端 //判断终端
function getNavigator(){ function getNavigator() {
var str = ''; var str = '';
var u = navigator.userAgent, app = navigator.appVersion; var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid){ if (isAndroid) {
hImg.src = 'img/animated.webp'; hImg.src = 'img/animated.webp';
} }
if (isIOS) { if (isIOS) {
...@@ -71,19 +96,25 @@ ...@@ -71,19 +96,25 @@
} }
hImg.style.display = 'block'; hImg.style.display = 'block';
} }
var i=0; var i = 0;
var time = setInterval(function(){ var time = setInterval(function () {
i+=1; i += 1;
hImg.style.display = 'none'; hImg.style.display = 'none';
if(i%4==0){ if (i % 4 == 0) {
hImg.style.display = 'block'; hImg.style.display = 'block';
} }
},1000) }, 1000)
} else { } else {
$('.main2').removeClass('hide'); $('.main2').removeClass('hide');
$('.main1').addClass('hide'); $('.main1').addClass('hide');
$("title").text('Medal poster'); $("title").text('Medal poster');
} }
if (getRequest().appname == 'com.ftsfuxin.android') {
$('body').addClass('fusi');
}
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
footseen/Nesting/newShare/index.html
...@@ -10,13 +10,13 @@ ...@@ -10,13 +10,13 @@
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title></title> <title></title>
<link rel="stylesheet" href="../../css/base.css"> <link rel="stylesheet" href="../../css/base.css">
<link rel="stylesheet" href="css/index.css?v=202010211055"> <link rel="stylesheet" href="css/index.css?v=202010141509">
<script src="../../lib/fsize.js"></script> <script src="../../lib/fsize.js"></script>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<span class="kfBtn" onclick="goKf()"></span> <!-- <span class="kfBtn" onclick="goKf()"></span> -->
<p class="mCode"></p> <p class="mCode"></p>
<div class="mTop"> <div class="mTop">
<div class="mTopTitle"></div> <div class="mTopTitle"></div>
...@@ -53,13 +53,16 @@ ...@@ -53,13 +53,16 @@
</div> </div>
</body> </body>
<script src="../../lib/jquery-3.1.1.min.js"></script> <script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="../../lib/langchange.js?v=202010211055"></script> <script src="../../lib/langchange.js?v=202010121613"></script>
<script src="../../layer-v3.1.0/layer/layer.js"></script> <script src="../../layer-v3.1.0/layer/layer.js"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js?v=202304251600"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/actHead.js?v=202401021615"></script>
<script type="text/javascript"> <script type="text/javascript">
if (langType != 0) { if (langType != 0) {
$('body').addClass('L_En') $('body').addClass('L_En')
} }
// var $url = 'http://ceshi.yabolive.tv/footseen';
var $url = 'https://www.footseen.com/footseen'; var $url = 'https://www.footseen.com/footseen';
$('title').html(langList[langType].share11); $('title').html(langList[langType].share11);
...@@ -78,56 +81,138 @@ ...@@ -78,56 +81,138 @@
sessionStorage.token = params.token; sessionStorage.token = params.token;
sessionStorage.uid = params.uid; sessionStorage.uid = params.uid;
if (params.appversion >= 5960) { // if (params.appversion >= 5960) {
$('.kfBtn').hide(); // $('.kfBtn').hide();
if (getNavigator() == 'ios') { // if (getNavigator() == 'ios') {
try { // try {
var obj = { // var obj = {
"cid": 26, // "cid": 26,
"reqCode": new Date().getTime(), // "reqCode": new Date().getTime(),
"data": { // "data": {
"msg": "左上角上角添加 联系客服", // "msg": "左上角上角添加 联系客服",
"type": 1, // "type": 1,
} // }
} // }
var obj2 = JSON.stringify(obj); // var obj2 = JSON.stringify(obj);
appCollaboration(obj2) // appCollaboration(obj2)
} catch (err) { // } catch (err) {
} // }
} // }
} // }
// if (getRequest().appversion >= 7400) {
//7300后新增客服圖標 // tellCliIcon();
if (getRequest().appversion >= 7300) { // $('.help').hide();
var $url = 'http://www.yabolive.tv'; // $firefly.changeTitle2();
$(".recording").hide(); // function tellCliIcon() {
var obj = { // let mInfos = [ //第一级 右上角展示的Icon
"cid": 29, // {
"reqCode": new Date().getTime(), // "imgUrl": 'https://app.ixiulive.com/static/app/img/kf.png',
"data": { // "explain": '客服',
"msg": "h5网页右上角显示图标", // "webFunc": "$firefly.goCustomerService()",
"info": [ // },
{ // {
"imgUrl": 'https://app.ixiulive.com/static/app/img/kf.png', // "imgUrl": 'https://app.ixiulive.com/static/app/img/share1.png?v=202304191549',
"explain": langList[langType].upright2, // "explain": '分享',
"cid": "4", // "webFunc": 'showShare()',
"data": { // },
"msg": langList[langType].upright7, // {
'title': langList[langType].upright6, // //第二级 更多中的内容
"customerLayer": "1", // "imgUrl": 'https://app.ixiulive.com/static/app/img/more1.png?v=202304191549', // ...的icon
"uid": "1001", // "explain": "更多",// ...的cid
"face": "https://zhibocdn.yabolive.net/comm/img/appicon/yqzx_icon_v1.png?x-oss-process=image/resize,h_100,w_100", // "webFunc": "openExtra()"
"nickname": langList[langType].upright6, // }
} // ]
}, // $firefly.showIcons(mInfos);
// }
]
} // function openExtra() {
} // let infos = [
var obj2 = JSON.stringify(obj); // [{
appCollaboration(obj2) // "fontStyle": {
} // "highLight": false // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang1,
// "webFunc": "$firefly.goOthers(3,'http://ceshi.yabolive.tv/Nesting/newShare/info.html" + location.search + "')",
// }, {
// "fontStyle": {
// "highLight": false // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang2,
// "webFunc": "$firefly.refreshWeb()",
// }],
// [{
// "fontStyle": {
// "highLight": false // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang3,
// "webFunc": "$firefly.goCustomerService()",
// },
// {
// "fontStyle": {
// "highLight": false // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang4,
// "webFunc": "showShare()",
// },
// {
// "fontStyle": {
// "highLight": false // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang5,
// "webFunc": "$firefly.goOthers(3,'http://test.ybact.yazhaiyabo.com/active2021/activityCenter/index.html" + location.search + "')",
// },
// {
// "fontStyle": {
// "highLight": true // 是否高亮
// },
// "explain": $firefly.langList[$firefly.langType].lang6,
// "webFunc": "$firefly.closeWebView()",
// }]
// ]
// $firefly.openExtra(infos);
// }
// } else if (getRequest().appversion >= 7300) {
// $('.help').hide();
// var obj = {
// "cid": 29,
// "reqCode": new Date().getTime(),
// "data": {
// "msg": "h5网页右上角显示图标",
// "info": [
// {
// "imgUrl": 'https://app.ixiulive.com/static/app/img/4_1.png?v=202107211759',
// "explain": langList[langType].upright3,
// "cid": "12",
// "data": {
// "msg": "跳转集合功能",
// "jumptype": "3",
// "url": "http://ceshi.yabolive.tv/Nesting/help/shareHelp.html" + location.search,
// }
// },
// {
// "imgUrl": 'https://app.ixiulive.com/static/app/img/kf.png',
// "explain": langList[langType].upright2,
// "cid": "4",
// "data": {
// "msg": langList[langType].upright7,
// 'title': langList[langType].upright6,
// "customerLayer": "1",
// "uid": "1000", // 此处原为1001，需求要求合并到1000，所以值改为1000
// "face": "https://zhibocdn.yabolive.net/comm/img/appicon/yqzx_icon_v1.png?x-oss-process=image/resize,h_100,w_100",
// "nickname": langList[langType].upright6,
// }
// },
// ]
// }
// }
// var obj2 = JSON.stringify(obj);
// appCollaboration(obj2)
// } else {
// $('.help').show();
// }
if (langType == 0) { if (langType == 0) {
...@@ -175,21 +260,21 @@ ...@@ -175,21 +260,21 @@
}) })
//右上角幫助 //右上角幫助
try { // try {
var helpObj = { // var helpObj = {
"cid": 9, // "cid": 9,
"reqCode": new Date().getTime(), // "reqCode": new Date().getTime(),
"data": { // "data": {
msg: '是否分享或帮助', // msg: '是否分享或帮助',
shareType: 0, // shareType: 0,
helpType: 1, // helpType: 1,
} // }
} // }
var helpJSON = JSON.stringify(helpObj); // var helpJSON = JSON.stringify(helpObj);
appCollaboration(helpJSON) // appCollaboration(helpJSON)
} catch (err) { // } catch (err) {
} // }
//前往客服聊天 //前往客服聊天
...@@ -233,13 +318,13 @@ ...@@ -233,13 +318,13 @@
"data": { "data": {
"urls": [ "urls": [
{ {
"url":'https://www.footseen.com/footseen/Nesting/newShare/myRechargeReward.html' + window.location.search, "url": $url + '/Nesting/newShare/myRechargeReward.html' + window.location.search,
"title": langList[langType].share12, "title": langList[langType].share12,
"rightBtnImageURL": '', "rightBtnImageURL": '',
"rightBtnClickURL": '' "rightBtnClickURL": ''
}, },
{ {
"url":'https://www.footseen.com/footseen/Nesting/newShare/myGiftReward.html' + window.location.search, "url": $url + '/Nesting/newShare/myGiftReward.html' + window.location.search,
"title": langList[langType].share13, "title": langList[langType].share13,
"rightBtnImageURL": '', "rightBtnImageURL": '',
"rightBtnClickURL": '' "rightBtnClickURL": ''
...@@ -307,7 +392,6 @@ ...@@ -307,7 +392,6 @@
lang: sessionStorage.lang, lang: sessionStorage.lang,
os: "WEB", os: "WEB",
cid: "web_gw", cid: "web_gw",
channelType: 0,
}, },
success: function (res) { success: function (res) {
if (res.code == 1) { if (res.code == 1) {
...@@ -402,9 +486,6 @@ ...@@ -402,9 +486,6 @@
console.log(msg) console.log(msg)
var data = JSON.parse(msg) var data = JSON.parse(msg)
if (data.code == 1) { if (data.code == 1) {
picImg = data.qrurl;
$.ajax({ $.ajax({
url: $ip + "/active201904/getUserInfo.html", url: $ip + "/active201904/getUserInfo.html",
type: "post", type: "post",
...@@ -422,10 +503,10 @@ ...@@ -422,10 +503,10 @@
var webPageUrl = ''; var webPageUrl = '';
//41 B包 //41 B包
if (res.vest == 41) { if (res.vest == 41) {
webPageUrl = 'http://footseen.com/shareB.html?agentCode=' + sessionStorage.uid + '&bindType=3&lang=' + sessionStorage.lang + '&type=1'; webPageUrl = 'http://footseen.com/testB.html?agentCode=' + sessionStorage.uid + '&bindType=3&lang=' + sessionStorage.lang + '&type=1';
} else if (res.vest == 50 || res.vest == 60) { } else if (res.vest == 50 || res.vest == 60) {
//A包 //A包
webPageUrl = 'http://footseen.com/share.html?agentCode=' + sessionStorage.uid + '&bindType=3&lang=' + sessionStorage.lang + '&type=1'; webPageUrl = 'http://footseen.com/test.html?agentCode=' + sessionStorage.uid + '&bindType=3&lang=' + sessionStorage.lang + '&type=1';
} }
picImg = data.qrurl; picImg = data.qrurl;
var obj = { var obj = {
...@@ -445,7 +526,6 @@ ...@@ -445,7 +526,6 @@
"line": 3, "line": 3,
"link": 3, "link": 3,
"whatsApp": 3, "whatsApp": 3,
"twitter": 3
} }
} }
...@@ -456,6 +536,7 @@ ...@@ -456,6 +536,7 @@
} }
} }
}) })
} }
} }
}) })
...@@ -482,7 +563,6 @@ ...@@ -482,7 +563,6 @@
//客户端回调结果 //客户端回调结果
function appCallback(msg) { function appCallback(msg) {
console.log(msg); console.log(msg);
if (getNavigator() == 'andorid') { if (getNavigator() == 'andorid') {
if (msg.result != undefined && msg.result == 'finish') { if (msg.result != undefined && msg.result == 'finish') {
var obj = { var obj = {
...@@ -522,6 +602,7 @@ ...@@ -522,6 +602,7 @@
return flag; return flag;
} }
function getNavigator() { function getNavigator() {
var sUserAgent = navigator.userAgent.toLowerCase(); var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
......
footseen/Nesting/vip/css/index.css
...@@ -63,7 +63,7 @@ body{ ...@@ -63,7 +63,7 @@ body{
position: relative; position: relative;
margin: -3.933rem auto 0; margin: -3.933rem auto 0;
z-index: 20; z-index: 20;
padding-top: 0.766rem; padding-top: 1.5rem;
} }
.mUnlockTitle{ .mUnlockTitle{
width: 100%; width: 100%;
...@@ -73,6 +73,7 @@ body{ ...@@ -73,6 +73,7 @@ body{
text-align: center; text-align: center;
font-size: 0.4rem; font-size: 0.4rem;
color:#A6E5FF; color:#A6E5FF;
white-space: normal;
} }
.mUnlockTitle img{ .mUnlockTitle img{
width: 1.213rem; width: 1.213rem;
...@@ -82,6 +83,9 @@ body{ ...@@ -82,6 +83,9 @@ body{
} }
.mUnlockTitle font{ .mUnlockTitle font{
margin: 0 0.2rem; margin: 0 0.2rem;
display: inline-block;
text-align: center;
max-width: 6rem;
} }
.mUnlockBox{ .mUnlockBox{
position: relative; position: relative;
...@@ -101,7 +105,7 @@ body{ ...@@ -101,7 +105,7 @@ body{
margin: 0 auto; margin: 0 auto;
} }
.mUnlockBox p:first-child{ .mUnlockBox p:first-child{
padding-top: .9rem; padding-top: .4rem;
} }
.mUnlockBox p.mUnlockTwo{ .mUnlockBox p.mUnlockTwo{
margin-top: 0.533rem; margin-top: 0.533rem;
...@@ -155,15 +159,28 @@ body{ ...@@ -155,15 +159,28 @@ body{
-moz-border-radius: 0.213rem; -moz-border-radius: 0.213rem;
} }
.mGradeCon{ .mGradeCon{
width: 100%; /*width: 100%;
height: 7.8rem; height: 7.8rem;
margin: 0.18rem auto 0; margin: 0.18rem auto 0;*/
width: 9rem;
height: 7.8rem;
margin-left: .3rem;
font-size: 0;
padding-top: .48rem;
position: relative;
} }
.mGradeBox .mGradeDetail1{ .mGradeBox .mGradeDetail1{
width:50%; width:4.25rem;
} }
.mGradeDetail1{ .mGradeDetail1{
display: inline-block; display: inline-block;
font-size: 0;
}
.mGradeDetail2{
font-size: 0;
}
.mGradeBox1 .mGradeDetail1 {
width: 3.2rem;
} }
.mGradeCon .mGradeImg1{ .mGradeCon .mGradeImg1{
width: 2.893rem; width: 2.893rem;
...@@ -176,9 +193,9 @@ body{ ...@@ -176,9 +193,9 @@ body{
.mGradeDetail1 p span,.mGradeDetail2 p span{ .mGradeDetail1 p span,.mGradeDetail2 p span{
display: inline-block; display: inline-block;
font-size: 0.31rem; font-size: 0.31rem;
color:#ACADB0; color: #ACADB0;
text-indent: 0.4rem; width: 50%;
width: 45%; white-space: nowrap;
} }
.mGradeDetail2 p span{ .mGradeDetail2 p span{
width: 50%; width: 50%;
...@@ -187,7 +204,7 @@ body{ ...@@ -187,7 +204,7 @@ body{
text-indent: 0; text-indent: 0;
} }
.mGradeBox1{ .mGradeBox1{
background: url(../images/vip1_20.png) no-repeat; background: url(../images/vip1_20.png?v=20221027) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 9.4rem; width: 9.4rem;
height: 8.413rem; height: 8.413rem;
...@@ -207,12 +224,10 @@ body{ ...@@ -207,12 +224,10 @@ body{
height: 5.933rem; height: 5.933rem;
margin: 0 auto; margin: 0 auto;
} }
.mGradeBox2 .mGradeCon,.mGradeBox3 .mGradeCon{
padding-top: 0;
}
.mGradeDetail2{ .mGradeDetail2{
display: inline-block; display: inline-block;
width: 4rem; width: 4.3rem;
} }
.mGradeCon .mGradeImg2{ .mGradeCon .mGradeImg2{
...@@ -280,3 +295,17 @@ body{ ...@@ -280,3 +295,17 @@ body{
top: 10.7rem; top: 10.7rem;
z-index: 1001; z-index: 1001;
} }
.mGradeDetail2 {
display: inline-block;
/* width: 3.6rem; */
margin-left: .25rem;
}
.mGradeBox1 .mGradeDetail2 {
margin-left: 1.4rem;
}
.mGradeBox2 .mGradeDetail2{
margin-left: .35rem;
}
.mGradeBox3 .mGradeDetail2{
margin-left: .35rem;
}
footseen/Nesting/vip/images/d10.png
footseen/Nesting/vip/images/d10.png

326 KB | W: | H:

footseen/Nesting/vip/images/d10.png

192 KB | W: | H:

footseen/Nesting/vip/images/d10.png
footseen/Nesting/vip/images/d10.png
footseen/Nesting/vip/images/d10.png
footseen/Nesting/vip/images/d10.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/d3.png
footseen/Nesting/vip/images/d3.png

203 KB | W: | H:

footseen/Nesting/vip/images/d3.png

221 KB | W: | H:

footseen/Nesting/vip/images/d3.png
footseen/Nesting/vip/images/d3.png
footseen/Nesting/vip/images/d3.png
footseen/Nesting/vip/images/d3.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/d4.png
footseen/Nesting/vip/images/d4.png

179 KB | W: | H:

footseen/Nesting/vip/images/d4.png

226 KB | W: | H:

footseen/Nesting/vip/images/d4.png
footseen/Nesting/vip/images/d4.png
footseen/Nesting/vip/images/d4.png
footseen/Nesting/vip/images/d4.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/d5.png
footseen/Nesting/vip/images/d5.png

186 KB | W: | H:

footseen/Nesting/vip/images/d5.png

155 KB | W: | H:

footseen/Nesting/vip/images/d5.png
footseen/Nesting/vip/images/d5.png
footseen/Nesting/vip/images/d5.png
footseen/Nesting/vip/images/d5.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/d6.png
footseen/Nesting/vip/images/d6.png

231 KB | W: | H:

footseen/Nesting/vip/images/d6.png

177 KB | W: | H:

footseen/Nesting/vip/images/d6.png
footseen/Nesting/vip/images/d6.png
footseen/Nesting/vip/images/d6.png
footseen/Nesting/vip/images/d6.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/vip1.png
footseen/Nesting/vip/images/vip1.png

11.4 KB | W: | H:

footseen/Nesting/vip/images/vip1.png

49.3 KB | W: | H:

footseen/Nesting/vip/images/vip1.png
footseen/Nesting/vip/images/vip1.png
footseen/Nesting/vip/images/vip1.png
footseen/Nesting/vip/images/vip1.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/images/vip1_20.png
footseen/Nesting/vip/images/vip1_20.png

38.5 KB | W: | H:

footseen/Nesting/vip/images/vip1_20.png

104 KB | W: | H:

footseen/Nesting/vip/images/vip1_20.png
footseen/Nesting/vip/images/vip1_20.png
footseen/Nesting/vip/images/vip1_20.png
footseen/Nesting/vip/images/vip1_20.png
  • 2-up
  • Swipe
  • Onion skin
footseen/Nesting/vip/vipInstruction.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/index.css?v=2019120717355"> <link rel="stylesheet" href="css/index.css?v=202401051907">
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<title>VIP</title> <title>VIP</title>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<div class="container"> <div class="container">
<div class="circle-container"> <div class="circle-container">
<div class="circle"></div> <div class="circle"></div>
...@@ -316,16 +318,18 @@ ...@@ -316,16 +318,18 @@
<div class="circle-container"> <div class="circle-container">
<div class="circle"></div> <div class="circle"></div>
</div> </div>
</div> </div>
<span class="goVip"></span> <span class="goVip"></span>
<div class="mHead"> <div class="mHead">
<img class="mHeadImg" src="images/head.png?v=201909241151"/> <img class="mHeadImg" />
<img class="mHeadImgFont hide" src=""/> <img class="mHeadImgFont hide" src="" />
</div> </div>
<!--解锁VIP--> <!--解锁VIP-->
<div class="mUnlock"> <div class="mUnlock">
<div class="mUnlockTitle"><img src="images/left.png"><font></font><img src="images/right.png"></div> <div class="mUnlockTitle"><img src="images/left.png">
<font></font><img src="images/right.png">
</div>
<div class="mUnlockBox"> <div class="mUnlockBox">
<p class="mUnlockOne"></p> <p class="mUnlockOne"></p>
<p class="mUnlockTwo"></p> <p class="mUnlockTwo"></p>
...@@ -334,7 +338,9 @@ ...@@ -334,7 +338,9 @@
</div> </div>
<!--VIP等級怎麼劃分--> <!--VIP等級怎麼劃分-->
<div class="mGrade"> <div class="mGrade">
<div class="mGradeTitle"><img src="images/left.png"><font></font><img src="images/right.png"></div> <div class="mGradeTitle"><img src="images/left.png">
<font></font><img src="images/right.png">
</div>
<div class="mGradeBox mGradeBox1"> <div class="mGradeBox mGradeBox1">
<div class="mGradeCon"> <div class="mGradeCon">
<div class="mGradeDetail1"> <div class="mGradeDetail1">
...@@ -367,42 +373,50 @@ ...@@ -367,42 +373,50 @@
</div> </div>
</div> </div>
<div class="mBottom"> <div class="mBottom">
<img src="images/logo.png"/> <img src="images/logo.png" />
<p></p> <p></p>
</div> </div>
</div> </div>
</body> </body>
<script src="lib/jquery-3.1.1.min.js"></script> <script src="lib/jquery-3.1.1.min.js"></script>
<script src="../../lib/langchange.js?v=201910091823"></script> <script src="../../lib/langchange.js?v=201910091823"></script>
<script> <script>
if(langType!=0){ if (langType != 0) {
$('.mHeadImgFont').addClass('L_En'); $('.mHeadImgFont').addClass('L_En');
} }
$('.mHeadImgFont').attr('src',langList[langType].vipmsgImg).removeClass('hide'); $('.mHeadImgFont').attr('src', langList[langType].vipmsgImg).removeClass('hide');
$(".mUnlock .mUnlockTitle font").text(langList[langType].vipmsg10); $(".mUnlock .mUnlockTitle font").text(langList[langType].vipmsg10);
$(".mUnlockBox .mUnlockOne").html('1 <span class="red">'+langList[langType].vipmsg11+'</span>'+langList[langType].vipmsg12); $(".mUnlockBox .mUnlockOne").html('1 <span class="red">' + langList[langType].vipmsg11 + '</span>' + langList[langType].vipmsg12);
$(".mUnlockBox .mUnlockTwo").html(langList[langType].vipmsg13+'<span class="blueLine">'+langList[langType].vipmsg14+'</span>') $(".mUnlockBox .mUnlockTwo").html(langList[langType].vipmsg13 + '<span class="blueLine">' + langList[langType].vipmsg14 + '</span>')
$(".mUnlockBox .mUnlockThree").html(langList[langType].vipmsg15); $(".mUnlockBox .mUnlockThree").html(langList[langType].vipmsg15);
$('.mGrade .mGradeTitle font').html(langList[langType].vipmsg16); $('.mGrade .mGradeTitle font').html(langList[langType].vipmsg16);
$('.mGradeDetail1 p,.mGradeDetail2 p').html('<span>'+langList[langType].vipmsg17+'</span>'+'<span>'+langList[langType].vipmsg18+'</span>'); $('.mGradeDetail1 p,.mGradeDetail2 p').html('<span>' + langList[langType].vipmsg17 + '</span>' + '<span>' + langList[langType].vipmsg18 + '</span>');
$('.mBottom p').html(langList[langType].vipmsg19); $('.mBottom p').html(langList[langType].vipmsg19);
$('.goVip').on('click',function(){ $('.goVip').on('click', function () {
var obj = { var obj = {
"cid":12, "cid": 12,
"reqCode": new Date().getTime(), "reqCode": new Date().getTime(),
"data": { "data": {
"msg":"VIP中心", "msg": "VIP中心",
"jumptype":13, "jumptype": 13,
"url":"" "url": ""
} }
} }
var obj2 = JSON.stringify(obj); var obj2 = JSON.stringify(obj);
appCollaboration(obj2); appCollaboration(obj2);
}) })
function appCollaboration(msg){ if (getRequest().appname == 'com.ftsfuxin.android') {
$('.mHeadImg').attr('src', 'images/head_fusi.png');
$('.mBottom').html(`<img src="images/logo_fusi.png" /><p>${langList[langType].vipmsg19.replace('Foot Seen', 'Fu Si')}</p>`)
} else {
$('.mHeadImg').attr('src', 'images/head.png');
$('.mBottom').html(`<img src="images/logo.png" /><p>${langList[langType].vipmsg19}</p>`)
}
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase(); var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
...@@ -412,11 +426,11 @@ ...@@ -412,11 +426,11 @@
var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){ if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
} }
else if(bIsAndroid){ else if (bIsAndroid) {
window.yazhai.appCollaboration(msg); window.yazhai.appCollaboration(msg);
}else if(bIsIphoneOs||bIsIpad){ } else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg); window.webkit.messageHandlers.appCollaboration.postMessage(msg);
} }
} }
...@@ -425,4 +439,5 @@ ...@@ -425,4 +439,5 @@
console.log(msg); console.log(msg);
} }
</script> </script>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment