模板就是代码的高度复用,让我们写一次代码,以后那个地方想用的话,就直接调用这个模板就可以啦,模板的使用也非常的简单!
首先在任意地方创建一个创建一个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值。大家看一下效果把:
注:模板没有自定义组件灵活,建议多实用自定义组件,
自定义组件可以定义样式以及传值。