在搞开发的时候,如果需要用户登录或者授权之类的情况时,有可能需要在多个页面进行此类操作。然而在多个页面重复的写这一类信息显得有点笨拙。
公共模板正可以解决这个问题,编写一个模板,调用它即可。
我们直接新建一个template的文件用于写公共模板,根据自己的需求具体创建哪些文件。这里我只用到了wxml文件
template.wxml
<template name="muban">
<view class="muban">公共模板</view>
</template>
这里需要给模板一个name属性,用于识别。
这个文件中你可以you多个模板,但是name不能有相同的。
接着我们在另外一个文件中使用这个模板:
index.wxml
<import src="../template/template.wxml"/> 引入模板文件
<template is="muban"></template>
这个时候index页面就会出现你定义的模板了。
这里有个注意点,因为你的模板是在index进行显示的,所以你的CSS样式需要写在index.wxss文件当中。而不是写在template.wxss文件中。
有问题下方留言~