public/static/common/js/demo.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

$('#ribbon')
//关闭页面配置
//    .append(
//        '<div class="demo"><span id="demo-setting"><i class="fa fa-cog txt-color-blueDark"></i></span> <form><legend class="no-padding margin-bottom-10">页面配置</legend><section><label><input name="subscription" id="smart-fixed-nav" type="checkbox" class="checkbox style-0"><span>固定头部</span></label><label><input type="checkbox" name="terms" id="smart-fixed-ribbon" class="checkbox style-0"><span>固定层级</span></label><label><input type="checkbox" name="terms" id="smart-fixed-navigation" class="checkbox style-0"><span>固定导航</span></label><label><input type="checkbox" name="terms" id="smart-fixed-container" class="checkbox style-0"><span>更换窄屏 <div class="font-xs text-right">(non-responsive)</div></span></label><label style="display:none;"><input type="checkbox" name="terms" id="smart-rtl" class="checkbox style-0"><span>Right to left <b>(rtl)</b></span></label> <span id="smart-bgimages"></span></section><section><h6 class="margin-top-10 semi-bold margin-bottom-5"> </h6><a href="javascript:void(0);" class="btn btn-xs btn-block btn-primary" id="reset-smart-widget"><i class="fa fa-refresh"></i>恢复默认配置</a></section> <h6 class="margin-top-10 semi-bold margin-bottom-5"> </h6><section id="smart-styles"><a href="javascript:void(0);" id="smart-style-0" data-skinlogo="/static/common/img/logo.png" class="btn btn-block btn-xs txt-color-white margin-right-5" style="background-color:#4E463F;"><i class="fa fa-check fa-fw" id="skin-checked"></i>默认皮肤</a><a href="javascript:void(0);" id="smart-style-1" data-skinlogo="/static/common/img/logo-white.png" class="btn btn-block btn-xs txt-color-white" style="background:#3A4558;">黑色皮肤</a><a href="javascript:void(0);" id="smart-style-2" data-skinlogo="/static/common/img/logo-blue.png" class="btn btn-xs btn-block txt-color-darken margin-top-5" style="background:#fff;">白色皮肤</a><a href="javascript:void(0);" id="smart-style-3" data-skinlogo="/static/common/img/logo-pale.png" class="btn btn-xs btn-block txt-color-white margin-top-5" style="background:#f78c40">橙色皮肤</a></section></form> </div>'
//)

// hide bg options
var smartbgimage =
    "<h6 class='margin-top-10 semi-bold'>Background</h6><img src='/static/common/img/pattern/graphy-xs.png' data-htmlbg-url='/static/common/img/pattern/graphy.png' width='22' height='22' class='margin-right-5 bordered cursor-pointer'><img src='/static/common/img/pattern/tileable_wood_texture-xs.png' width='22' height='22' data-htmlbg-url='/static/common/img/pattern/tileable_wood_texture.png' class='margin-right-5 bordered cursor-pointer'><img src='/static/common/img/pattern/sneaker_mesh_fabric-xs.png' width='22' height='22' data-htmlbg-url='/static/common/img/pattern/sneaker_mesh_fabric.png' class='margin-right-5 bordered cursor-pointer'><img src='/static/common/img/pattern/nistri-xs.png' data-htmlbg-url='/static/common/img/pattern/nistri.png' width='22' height='22' class='margin-right-5 bordered cursor-pointer'><img src='/static/common/img/pattern/paper-xs.png' data-htmlbg-url='/static/common/img/pattern/paper.png' width='22' height='22' class='bordered cursor-pointer'>";
$("#smart-bgimages")
    .fadeOut();

$('#demo-setting')
    .click(function () {
        //console.log('setting');
        $('#ribbon .demo')
            .toggleClass('activate');
    })

/*
 * FIXED HEADER
 */
$('input[type="checkbox"]#smart-fixed-nav')
    .click(function () {
        if ($(this)
            .is(':checked')) {
            //checked
            $.root_.addClass("fixed-header");
            nav_page_height();
        } else {
            //unchecked
            $('input[type="checkbox"]#smart-fixed-ribbon')
                .prop('checked', false);
            $('input[type="checkbox"]#smart-fixed-navigation')
                .prop('checked', false);

            $.root_.removeClass("fixed-header");
            $.root_.removeClass("fixed-navigation");
            $.root_.removeClass("fixed-ribbon");

        }
    });

/*
 * FIXED RIBBON
 */
$('input[type="checkbox"]#smart-fixed-ribbon')
    .click(function () {
        if ($(this)
            .is(':checked')) {
            //checked
            $('input[type="checkbox"]#smart-fixed-nav')
                .prop('checked', true);

            $.root_.addClass("fixed-header");
            $.root_.addClass("fixed-ribbon");

            $('input[type="checkbox"]#smart-fixed-container')
                .prop('checked', false);
            $.root_.removeClass("container");