1

app/index/view/mobile/public/nas_header.html

@@ -12,6 +12,27 @@
                 <span class="icon-category cursor_p top-menu-toggle"><i class="icon-menu-svg"></i></span>
             </div>
         </div>
+    </div>
+     <!-- 顶部国家选择-->
+    <div class="top-country">
+        <div class="mask"></div>
+        <div class="action-sheet">
+            <div class="menu-title">
+                <div class="menu-name">{:lang_i18n('请择地区')}</div>
+                <div class="close-icon">
+                    <img src="__IMAGES__/close.png">
+                </div>
+            </div>
+            <ul>
+                {volist name="header_languages" id="la"}
+                <li>
+                    <a href="{$la.lang_url}" target="_blank">
+                        <img src="{$la.lang_icon}">{$la.country_en_name} - {$la.lang_en_name}
+                    </a>
+                </li>
+                {/volist}
+            </ul>
+        </div>
     </div>
     <!-- 顶部菜单-->
     <div class="top-menu">
@@ -46,7 +67,13 @@
             $(this).siblings('.it-1-2').slideToggle(800);
             $(this).find('.icon-arrow').addClass('rotate');
         });
-
+        // 顶部国家选择
+        $('.top-country-toggle').click(function(){
+            $(".mask,.action-sheet").show();
+        })
+        $('.top-country .close-icon').click(function(){
+            $(".mask,.action-sheet").hide();
+        })
         // 移动端顶部宽度设置和主体内容宽度一致
         var pageWidth = $('.oricoEGapp').outerWidth();
         // 设置.header-PC元素的宽度