位置: 编程技术 - 正文

微信小程序模板和模块化用法实例分析(微信小程序模板框架)

编辑:rootadmin

推荐整理分享微信小程序模板和模块化用法实例分析(微信小程序模板框架),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序模板直接套用,微信小程序模板源码,微信小程序模板直接套用,微信小程序模板 免费模板平台,微信小程序模板直接套用,微信小程序模板免费平台,微信小程序模板直接套用,微信小程序模板怎么设置,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了微信小程序模板和模块化用法。分享给大家供大家参考,具体如下:

template

模板,在定义的时候使用name属性,如以下声明方式

模板不能直接在界面上显示,需要调用的时候才能显示出来,调用的时候需要使用is属性来说明调用的是哪个模板,并且传参的形式可以有多种

微信小程序模板和模块化用法实例分析(微信小程序模板框架)

模块化

我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块,微信官方文档给的说明是需要exports和require来配套使用,需要exports来声明供外部调用,使用的时候需要require来引用下,我看有的视频说的是如果使用require调用的时候需要本地下载node.js,反正我是下载了,如果使用的时候有问题就下载下吧。我创建了一个common.js格式如下:

在用到的时候可以用如下方式:

此外,本站前面一篇文章微信小程序模块化详细介绍也对模块化做了较为深入浅出的介绍,感兴趣的朋友可以参考一下。

希望本文所述对大家微信小程序设计有所帮助。

ligerUI---ListBox(列表框可移动的实例) 写在前面:对于可移动的列表框,ligerui中也对其进行了封装,可以直接照着demo拿来用,不过那都是直接在页面上静态初始化的数据,那么如何从后台获

元素全屏的设置与监听实例 设置全屏和退出全屏//全屏设置$('#fullScreen').on('click',function(){fullScreen();});//退出全屏$('#exitFullScreen').on('click',function(){exitFullScreen();});//进入全屏functionfullS

微信小程序用户自定义模版用法实例分析 本文实例讲述了微信小程序用户自定义模版用法。分享给大家供大家参考,具体如下:1、新建一个wxml(为测试方便,这里将wxml文件建立在home目录下)/

本文链接地址:https://www.jiuchutong.com/biancheng/373273.html 转载请保留说明!

上一篇:javaScript canvas实现(画笔大小 颜色 橡皮的实例)(js canvas绘制图片)

下一篇:ligerUI---ListBox(列表框可移动的实例)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络