function useRem() { let dw = 750 // 设计图宽度 let sw = window.innerWidth // 屏幕宽度 let fontSize = (sw / dw * 100)// 方案1 let oHtml = document.getElementsByTagName('html')[0] if(sw > 768){ oHtml.style.fontSize = '16px' }else{ oHtml.style.fontSize = fontSize + 'px' } } $(function () { useRem(); $(window).on('resize', function () { useRem(); }) let menuActive = false let searchActive = false // 导航栏显示隐藏 $('.bk-collapse-btn,.bk-menu-name').on('click', function(){ if(searchActive) return $('.bk-nav').slideToggle(200); $(this).parent('.bk-menu').toggleClass('active'); $('body').toggleClass('hidden'); $('.bk-mask').toggle(); menuActive = !menuActive }) // 搜索菜单 $('.bk-search-btn,.bk-search-close').on('click', function(){ if(menuActive) return $('.bk-search-container').slideToggle(200); $('body').toggleClass('hidden'); $('.bk-mask').toggle(); searchActive = !searchActive }) // 发布百科 const isLogin = false $('.bk-publish').on('click', function (){ if(isLogin) return $('.bk-login').fadeIn() const SlideVerifyPlug = window.slideVerifyPlug; new SlideVerifyPlug('#slide-verify', { initText: '请向右滑动滑块', //设置 初始的 显示文字 sucessText: '验证通过', //设置 验证通过 显示的文字 getSuccessState: (status) => { console.log(status) } }) }) $('.bk-login .mask').click(function () { $('.bk-login').fadeOut(); }); })