easyUI菜单如何避免在网页加载时显示文字的处理方法

864记忆

于 2022-05-07 14:54:21 发布

阅读量254

点赞数

分类专栏： asp.net 文章标签： .net

本文链接：https://blog.csdn.net/hmwz0001/article/details/124630815

版权

EasyUI 菜单隐藏网页加载 CSS样式前端开发

关键词由CSDN通过智能技术生成

asp.net 专栏收录该内容

155 篇文章 1 订阅

订阅专栏

easyUI菜单如何避免在网页加载时显示文字的处理方法：在每个div的style中加上display:none即可解决

 <div class="easyui-panel" style="margin: 0px; width: 100%;display:none;" >

        <a class="easyui-menubutton" data-options="menu:'#config'">系统配置</a>
        <a class="easyui-menubutton" data-options="menu:'#status'">实时状态</a>
        <a class="easyui-menubutton" data-options="menu:'#database'">数据查询</a>
        <a class="easyui-menubutton" data-options="menu:'#blog'">日志查询</a>
        <a class="easyui-menubutton" data-options="menu:'#help'">帮助</a>

    </div>

    <div id="config" style="width: 150px;display:none;">
        <div data-options="iconCls:'icon-save'" onclick='openBasicSetWin()'>基础设置</div>
        <div data-options="iconCls:'icon-add'" onclick='openUploadSetWin()'>上传配置</div>
        <div data-options="iconCls:'icon-greenset'" onclick='openGreenLossSetWin()'>绿损配置</div>
        <div data-options="iconCls:'icon-clearZero'" onclick='openGreenLossClearZeroSetWin()'>绿损清零配置</div>
    </div>
    <div id="status" style="width: 150px;display:none;">
        <div data-options="iconCls:'icon-edit'" onclick="openRealStatusWin()">实时状态</div>
        <div data-options="iconCls:'icon-reload'" onclick='openCrossingVedioWin()'>路口视频</div>
    </div>

    <div id="database" style="width: 150px;display:none;">
        <div data-options="iconCls:'icon-sum'" onclick='openCarFlowQueryWin()'>查询统计</div>
        <div data-options="iconCls:'icon-tip'" onclick='openWeekQueryWin()'>周查询</div>
        <div data-options="iconCls:'icon-filter'" onclick='openDataGraphWin()'>数据直方图</div>
    </div>

    <div id="blog" style="width: 150px;display:none;">
        <div data-options="iconCls:'icon-login'" onclick='openlogin_logWin()'>登录日志</div>

         <div>   
        <span>用户</span>   
        <div style="width:80px;display:none;">   
            <div data-options="iconCls:'icon-man'" onclick='openUsertb_xgjlWin()'>用户日志</div>
        <div data-options="iconCls:'icon-usergroup'" onclick='openUserGroup_xgjlWin()'>用户组日志</div>
        </div>   
        </div>  

       
        
        
         <div>   
        <span>上传设置</span>   
        <div style="width:150px;display:none;">   
            <div data-options="iconCls:'icon-serial'" onclick='openSerialConfigWin()'>串口设置日志</div>
            <div data-options="iconCls:'icon-network'" onclick='openNetworkConfigWin()'>网口设置日志</div>
            <div data-options="iconCls:'icon-webservice'" onclick='openWebserviceConfigWin()'>WEB接口设置日志</div> 
        </div>   
        </div>   


          <div>   
        <span>绿损设置</span>   
        <div style="width:150px;display:none;">   
            <div data-options="iconCls:'icon-greenset'" onclick='openGreenConfig_xgjlWin()'>绿损设置日志</div>
        <div data-options="iconCls:'icon-clearZero'" onclick='openGreenClearZeroConfig_xgjlWin()'>绿损清零设置日志</div>
        </div>   
        </div>   
        <div class="menu-sep"></div> 
        <div data-options="iconCls:'icon-crossing'" onclick='openCrossing_xgjlWin()'>路口设置日志</div>
        <div data-options="iconCls:'icon-search'" onclick='openPointConfigWin()'>检测点设置日志</div>
    </div>

    <div id="help" style="width: 150px;display:none;">
        <div data-options="iconCls:'icon-ok'" onclick='openVersionInfoWin()'>关于</div>
        <div data-options="iconCls:'icon-help'" onclick='openOnlineHelpWin()'>使用帮助</div>
    </div>