caimei365-www/src/main/resources/static/js/encyclopedia/common.js

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();
    });
})