欢迎LOGO登陆顶菜单口号热线

发布单位:弘帝企业智能建站系统演示学习代码 发布人:张鑫鑫 发布时间:2021/2/16 14:04:24 关注度:547

DEMO:2126

HTML:创建top.zhg,复制下面代码,用$frame_top调用即可,-改为_,lng=1|2为主副中英文设计,如不需要可以省略。


<div class="bg-light py-2 d-none d-lg-block">
    <div class="container">
        <div class="row justify-content-between align-items-center">
            <div class="vip col-auto d-flex flex-row">$func-login(show=wel|user,wel=1)$</div>
            <div class="menu-row col text-right">
                <div class="d-inline-flex">$func_menu(pos=3,divi=none,lng=1|2)$</div>
            </div>
        </div>
    </div>
</div>
<div class="container py-3">
    <div class="row justify-content-lg-between align-items-center">
        <div class="logo col-auto mr-xs-5 mr-sm-0 d516">$func_logo(slogan=1)$</div>
        <div class="phone fst d-none d-lg-flex"></div>
    </div>
</div>
<div class="bg-fst white">
    <div class="container menu d-none d-lg-block ul-fst-sec li-hover-sec white hover-white" id="navbar">
        $func_menu(pos=0,sub=1,divi=none)$</div>
    <navbar-toggler class="fixed-top w-100 text-right mt-3" btn="bg-fst white m-3 mt-4 d-inline-block d-lg-none"
        tar="navbar" menu="bg-fst px-0 red li-hover-sec hover-white ul-li-2" show="false"></navbar-toggler>
</div>
CSS:没有用到,请自行个性化设计


顶部文件一般为top.zhg,版块是由多个组件包括HTML+Bootstrap+弘帝框架实现,所有示范均是经过真实案例摘抄,使用时只需复制粘贴,适当调整颜色、大小、背景等CSS,约几分钟完成设计。