2019-02-13使用小程序模板

模板就是代码的高度复用,让我们写一次代码,以后那个地方想用的话,就直接调用这个模板就可以啦,模板的使用也非常的简单!
首先在任意地方创建一个创建一个template目录



在template目录里面创建如图所示的文件,分别为post-template.wxml和post-template.wxss文件,创建完毕之后我们在post-template.wxml里面写段代码,如图:



template这个标签是模板标签,只有使用这个标签,才能够变成模板。
template标签有一个属性叫name,意思就是给模板起个名字,我起的名字叫做post,这个名字很重要。

那么现在我们就可以使用模板了。

第1步:在要使用模板的地方引用模板:


这句话就是用来引入模板,import就是用来引入模板的语句,大家记住就行,src我就不说了,和image标签里面的src属性一样。引入之后,大家随便找个地方写上如图所示的代码就行啦:

第2步:使用模板:


在post.wxml文件里面引用这个模板,使用template标签,只不过这里的属性变成了is,is中文的意思为是,翻译过来为模板是post,也就是说这个模板叫做post,而这个post就是我们在post-template.wxml中的name值。大家看一下效果把:


注:模板没有自定义组件灵活,建议多实用自定义组件,

自定义组件可以定义样式以及传值。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 12,120评论 0 9
  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 8,727评论 0 0
  • 视图层 框架的视图层由WXML(WeiXin Markup language)与WXSS(WeiXin Style...
    勇敢的_心_阅读 5,531评论 0 6
  • 文/菽麦 转眼之间,你已经在妈妈温暖的小房子里待了七个多月了,小菠萝,你还好吗? 爸爸妈妈已经做好迎接你准备。穿的...
    菽麦阅读 1,313评论 2 1
  • 大江大河中的故事(本文有剧透,阅读请慎重) 这套书是公众号推荐的书,关于纪念改革开放40周年的。 一套书4本,前三...
    陈治学观海听潮阅读 1,183评论 0 0