161 lines
8.1 KiB
PHP
161 lines
8.1 KiB
PHP
<div class="jss1">
|
|
<div class="header__wrapper-box">
|
|
<div class="jss36">
|
|
<div class="jss2">
|
|
<div class="jss5">
|
|
<a href="/" class="jss4"><img src="/upload/{{$config['other']['logo_url']}}" alt="" /></a>
|
|
</div>
|
|
<div class="jss8">
|
|
<div class="jss34">
|
|
<div class="header__button-container" style="display: flex;">
|
|
<div class="jss44">
|
|
<div>
|
|
<div class="">
|
|
<button class="MuiButtonBase-root MuiButton-root MuiButton-text jss73 jss45" tabindex="0" type="button" aria-label="Notifications" aria-haspopup="true"><span class="MuiButton-label">HECO<b class="jss67"></b></span><span class="MuiTouchRipple-root"></span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="MuiButtonBase-root MuiButton-root MuiButton-text jss73 jss45" tabindex="0" type="button" style="margin-left: 32px;"><span class="MuiButton-label"></span><span class="MuiTouchRipple-root"></span></button>
|
|
</div>
|
|
</div>
|
|
<div class="jss36">
|
|
<button onclick="walletShow()" class="MuiButtonBase-root MuiButton-root MuiButton-text jss73 jss45" tabindex="0" type="button"><span class="MuiButton-label" id="network1"></span><span class="MuiTouchRipple-root"></span></button>
|
|
<button onclick="tabShow()" class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit" tabindex="0" type="button" aria-label="open drawer"><span class="MuiIconButton-label">
|
|
<svg class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24" aria-hidden="true">
|
|
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
|
|
</svg></span><span class="MuiTouchRipple-root"></span></button>
|
|
<div class="slider__mask " id="slider__mask" onclick="tabHide()">
|
|
<div class="slider__content " id="slider__content">
|
|
<div id="langs" class="nav__language-container">
|
|
<i class="language__icon"></i>
|
|
<div class="dropdown__button nav__language">
|
|
<span>English</span>
|
|
</div>
|
|
<div class="dropdown__option option__bottom" id="lang">
|
|
<div class="option__item option__item-heco" id="lang1">
|
|
中文
|
|
</div>
|
|
<div class="option__item option__item-heco" id="lang2">
|
|
English
|
|
</div>
|
|
</div>
|
|
<strong style="color: rgb(131, 145, 168); width: 0px; height: 0px; display: inline-block; border-top: 4px solid; transition: all 150ms ease-in 0s; border-left: 4px solid transparent; margin-left: 4px; border-right: 4px solid transparent; vertical-align: middle; position: absolute; right: 32px; top: 30px;"></strong>
|
|
</div>
|
|
<div class="nav__language-container" onclick="airdrop_open()">
|
|
<img src="/static/media/liwu.c773fe7d.svg" alt="" />
|
|
<span style="margin-left: 10px;">
|
|
{{trans('web.Claim Your Airdrop')}}
|
|
</span>
|
|
</div>
|
|
<div class="nav__language-container" onclick="javascript:location.href = '/invite'">
|
|
<img src="/static/media/123a.png" alt="" style="width: 26px;height: 26px" />
|
|
<span style="margin-left: 10px;">
|
|
{{trans('web.Invite rebate')}}
|
|
</span>
|
|
</div>
|
|
<div class="nav__language-container" onclick="shouyi_open()">
|
|
<img src="/static/media/index_money.png" alt="" style="width: 26px;height: 26px" />
|
|
<span style="margin-left: 10px;">
|
|
{{trans('web.shouyi')}}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="tutoril__container">
|
|
<a class="tutoril__item" href="/article/1" target="_blank"><span>{{trans('web.Announcement')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></a>
|
|
<a class="tutoril__item" href="/article/2" target="_blank"><span>{{trans('web.FAQ')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></a>
|
|
<a class="tutoril__item" href="/article/3" target="_blank"><span>{{trans('web.Tutorial')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></a>
|
|
{{-- <a class="tutoril__item" href="https://docs.coinwind.com/v/english/contactus" target="_blank"><span>{{trans('web.Contact US')}}</span><img src="/static/media/icon-more.c502d302.svg" alt="" /></a>--}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a id="osbox" href="{{$config['kefu_url']}}" class="customer-service">
|
|
<img src="/images/customer_service.png" alt="" />
|
|
</a>
|
|
<style>
|
|
/*尾部end*/
|
|
.customer-service {
|
|
position: fixed;
|
|
right: 0;
|
|
bottom: 3rem;
|
|
width: 3.24rem;
|
|
height: 3.24rem;
|
|
z-index: 101;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.customer-service img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
|
|
<script>
|
|
function tabShow() {
|
|
$('#slider__mask').attr('class', 'slider__mask slide__show')
|
|
$('#slider__content').attr('class', 'slider__content slide__content-show')
|
|
}
|
|
|
|
function tabHide() {
|
|
$('#slider__mask').attr('class', 'slider__mask')
|
|
$('#slider__content').attr('class', 'slider__content')
|
|
$('#lang').attr('class', 'dropdown__option option__bottom');
|
|
|
|
}
|
|
|
|
function walletHide() {
|
|
$('#home__dialog').attr('style', 'display: none')
|
|
}
|
|
|
|
function walletShow() {
|
|
$('#home__dialog').attr('style', '')
|
|
}
|
|
|
|
window.onload = function() {
|
|
// 切换语言
|
|
$('#langs').on('click', function(e) {
|
|
$('#lang').attr('class', 'dropdown__option option__show option__bottom');
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// 中文
|
|
$('#lang1').on('click', function(e) {
|
|
$.post(
|
|
"{{url('lang')}}", {
|
|
lang: 'zh-CN'
|
|
},
|
|
function(d) {
|
|
if (d) {
|
|
console.log(d);
|
|
location.reload(); //重新刷新页面
|
|
}
|
|
}
|
|
);
|
|
tabHide();
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// 英文
|
|
$('#lang2').on('click', function(e) {
|
|
$.post(
|
|
"{{url('lang')}}", {
|
|
lang: 'en'
|
|
},
|
|
function(d) {
|
|
if (d) {
|
|
console.log(d);
|
|
location.reload(); //重新刷新页面
|
|
}
|
|
}
|
|
);
|
|
tabHide();
|
|
e.stopPropagation();
|
|
});
|
|
}
|
|
</script> |