|
|
@@ -26,10 +26,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<nav class="header-right">
|
|
|
- <ul>
|
|
|
+ <ul class="menu-list">
|
|
|
<li class="header-right-list">
|
|
|
- <a class="menu-vip-button" href="{{GetJyWebDomain}}/product/index?serviceType=0" target="_blank"><i class="j-icon base-icon icon-img-vip-v-deep"></i>会员服务列表</a>
|
|
|
+ <a class="menu-vip-button" href="{{GetJyWebDomain}}/product/index?serviceType=0" target="_blank"><i class="j-icon base-icon icon-img-vip-v-deep"></i>会员专区</a>
|
|
|
</li>
|
|
|
+ {{if not .hasLogin}}
|
|
|
<li class="header-right-list">
|
|
|
<a class="jynav-list-title" href="{{GetJyWebDomain}}/front/appDownload" target="_blank">APP下载</a>
|
|
|
</li>
|
|
|
@@ -54,7 +55,88 @@
|
|
|
<li class="header-right-list">
|
|
|
<a class="jynav-list-title" href="{{GetJyWebDomain}}/brand/index" target="_blank">关于剑鱼</a>
|
|
|
</li>
|
|
|
+ {{else}}
|
|
|
+ {{range $newMenu :=TopMenuNew}}
|
|
|
+ <li class="menu-item hover-underline" name="{{$newMenu.Name}}" {{if gt (len $newMenu.Childs) 0}}data-menu-list="true"{{end}} data-menu-id="{{$newMenu.Name}}">
|
|
|
+ <a href="{{if $newMenu.Href}}{{$newMenu.Href}}{{else}}javascript:;{{end}}" {{if $newMenu.Href}}target="_blank"{{end}}>{{$newMenu.Name}}</a>
|
|
|
+ </li>
|
|
|
+ {{end}}
|
|
|
+ {{end}}
|
|
|
</ul>
|
|
|
+ <div class="menu-popover-container">
|
|
|
+ {{range $level1 :=TopMenuNew}}
|
|
|
+ <div class="menu-item-popover" data-menu-popover="{{$level1.Name}}" style="display:none;">
|
|
|
+ <div class="popover-list">
|
|
|
+ <!-- 纵向排列flex（企业专区） -->
|
|
|
+ {{if eq $level1.Layout "flex"}}
|
|
|
+ <div class="column-wrap-container">
|
|
|
+ {{range $level2 := $level1.Childs}}
|
|
|
+ <div class="popover-list-item">
|
|
|
+ {{if $level2.Name}}
|
|
|
+ <div>
|
|
|
+ <h4 class="item-title">{{$level2.Name}}</h4>
|
|
|
+ {{if $level2.Desc}}
|
|
|
+ <p class="item-title-desc">{{$level2.Desc}}</p>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ <div class="item-children {{if and (gt (len $level2.Childs) 0) (index $level2.Childs 0) (index $level2.Childs 0).Childs $level2.Name}}{{else}}item-children-row{{end}}">
|
|
|
+ {{range $level3 := $level2.Childs}}
|
|
|
+ <div class="{{if $level3.Childs}}item-li-column{{end}}">
|
|
|
+ {{if $level3.Childs}}
|
|
|
+ <a href="{{if $level3.Href}}{{$level3.Href}}{{else}}javascript:;{{end}}" {{if $level3.Href}}target="_blank"{{end}} class="item-subtitle">{{$level3.Name}}</a>
|
|
|
+ <div class="item-flex-column">
|
|
|
+ {{range $level4 := $level3.Childs}}
|
|
|
+ <a href="{{if $level4.Href}}{{$level4.Href}}{{else}}javascript:;{{end}}" {{if $level4.Href}}target="_blank"{{end}} {{if not $level4.Href}}onclick="toastFn('敬请期待！')"{{end}} class="item-link-column">{{$level4.Name}}</a>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{else}}
|
|
|
+ <a href="{{if $level3.Href}}{{$level3.Href}}{{else}}javascript:;{{end}}" {{if $level3.Href}}target="_blank"{{end}} {{if not $level3.Href}}onclick="toastFn('敬请期待！')"{{end}} class="item-link-row">{{$level3.Name}}</a>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{else}}
|
|
|
+ <!-- 横向排列 -->
|
|
|
+ {{range $index2,$level2 := $level1.Childs}}
|
|
|
+ <div class="popover-list-item">
|
|
|
+ {{if $level2.Name}}
|
|
|
+ <div>
|
|
|
+ <h4 class="item-title">{{$level2.Name}}</h4>
|
|
|
+ {{if $level2.Desc}}
|
|
|
+ <p class="item-title-desc">{{$level2.Desc}}</p>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ <div class="item-children
|
|
|
+ {{if and (gt (len $level2.Childs) 0) (index $level2.Childs 0) (index $level2.Childs 0).Childs $level2.Name}}{{else}}item-children-row{{end}}
|
|
|
+ {{if not $level2.Name}}padding-top-0{{end}}"
|
|
|
+ >
|
|
|
+ {{range $level3 := $level2.Childs}}
|
|
|
+ <div class="{{if $level3.Childs}}item-li-column{{end}}">
|
|
|
+ {{if $level3.Childs}}
|
|
|
+ <a href="{{if $level3.Href}}{{$level3.Href}}{{else}}javascript:;{{end}}" {{if $level3.Href}}target="_blank"{{end}} class="item-subtitle">{{$level3.Name}}</a>
|
|
|
+ <div class="item-flex-column">
|
|
|
+ {{range $level4 := $level3.Childs}}
|
|
|
+ <a href="{{if $level4.Href}}{{$level4.Href}}{{else}}javascript:;{{end}}" {{if $level4.Href}}target="_blank"{{end}} {{if not $level4.Href}}onclick="toastFn('敬请期待！')"{{end}} class="item-link-column">{{$level4.Name}}</a>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{else}}
|
|
|
+ <a href="{{if $level3.Href}}{{$level3.Href}}{{else}}javascript:;{{end}}" {{if $level3.Href}}target="_blank"{{end}} {{if not $level3.Href}}onclick="toastFn('敬请期待！')"{{end}} class="item-link-row">{{$level3.Name}}</a>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+ </div>
|
|
|
<div class='useronline' id="login" style="float:left;">
|
|
|
<a style="display: none;" href="javascript:void(0);" data-quick-login="login" class='loginBtn login'
|
|
|
data-toggle='modal'>登录</a>
|
|
|
@@ -75,3 +157,42 @@
|
|
|
<script src='{{Cdn}}/common-module/login-js/jy-login.umd.js?v={{Msg "version"}}'></script>
|
|
|
<script src='{{Cdn}}/jybx/js/login.js?v={{Msg "version"}}'></script>
|
|
|
<script src='{{Cdn}}/jybx/js/pc-header.js?v={{Msg "version"}}'></script>
|
|
|
+{{if .hasLogin}}
|
|
|
+<script>
|
|
|
+ $(function() {
|
|
|
+ document.querySelectorAll('.menu-item').forEach(function(item) {
|
|
|
+ item.addEventListener('mouseenter', function() {
|
|
|
+ var menuId = this.dataset.menuId;
|
|
|
+ var menuList = this.dataset.menuList;
|
|
|
+ var _this = this
|
|
|
+ var popover = document.querySelector(`[data-menu-popover="${menuId}"]`);
|
|
|
+
|
|
|
+ // 移除所有菜单项的active类
|
|
|
+ document.querySelectorAll('.menu-item').forEach(function(item) {
|
|
|
+ item.classList.remove('active', 'with-underline');
|
|
|
+ });
|
|
|
+ // 隐藏所有下拉框
|
|
|
+ document.querySelectorAll('.menu-item-popover').forEach(function(p) {
|
|
|
+ p.style.display = 'none'
|
|
|
+ });
|
|
|
+
|
|
|
+ // 显示当前下拉框
|
|
|
+ if(popover && menuList) {
|
|
|
+ popover.style.display = 'block';
|
|
|
+ _this.classList.add('active', 'with-underline');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 鼠标离开菜单项时隐藏
|
|
|
+ document.querySelector('.header-right').addEventListener('mouseleave', function() {
|
|
|
+ document.querySelectorAll('.menu-item-popover').forEach(function(p) {
|
|
|
+ p.style.display = 'none';
|
|
|
+ });
|
|
|
+ document.querySelectorAll('.menu-item').forEach(function(item){
|
|
|
+ item.classList.remove('active', 'with-underline');
|
|
|
+ })
|
|
|
+ });
|
|
|
+ })
|
|
|
+</script>
|
|
|
+{{end}}
|
