前端模块化开发教程

  第一步、使用鼠标点击打开HBuilderX软件,如图所示:

  

  第二步、点击菜单栏文件—>新建—>项目,如图所示:

  

  第三步、输入项目,选中基本html项目,然后点击创建按钮,如图所示:

  

  第四步、引入layui框架模块开发依赖包,然后在html文件中键入完整代码:

  

  

  

  

  

解决方案

  

  

移动模块

  

后台模版

  

电商平台

  

  

  

  • 社区
  •   

      

      

      

      layui.use(‘element’, function(){

      var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块

      //监听导航点击

      element.on(‘nav(demo)’, function(elem){

      //console.log(elem)

      layer.msg(elem.text());

      });

      });

      

      

      

      

      第五步、然后点击运行–>浏览器运行,如图所示:

      

      第六步、在浏览器中查看运行效果,如图所示:

      

      第七步、点击菜单,可以看到下拉菜单,如图所示:

      

      今天途傲科技小编就和大家分享到这里。阅读本文之后,或许对您有一定的帮助,了解更多app开发资讯,请关注途傲科技网,一个新型创意托付式服务平台!如果你有网络百度推广、app开发、小程序开发,装修,营销策划等需要,欢迎到途傲科技网发布任务,让广大服务商为您服务。

    发表评论

    您的电子邮箱地址不会被公开。

    QQ客服
    运营电话
    您好,有任何疑问请与我们联系!