微信小程序页面组件公共模板的使用

在搞开发的时候,如果需要用户登录或者授权之类的情况时,有可能需要在多个页面进行此类操作。然而在多个页面重复的写这一类信息显得有点笨拙。

公共模板正可以解决这个问题,编写一个模板,调用它即可。

在这里插入图片描述
我们直接新建一个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文件中。

有问题下方留言~

猜你喜欢

转载自blog.csdn.net/weixin_43729943/article/details/107907178
今日推荐