WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
分为两部分,定义模板和使用模板
(1)、定义模板:使用 name 属性,作为模板的名字。然后在<template/>
内定义代码片段。例如:定义一个加载的模板,在资源请求到之前调用该模板,请求到资源之后关闭该模板。
例如,我的文件目录是这样的:
其中,template文件夹下存放的是需要调用的模板,我现在index文件夹下的index.wxml文件中调用该模板。
模版文件load.wxml的代码如下:
<template name="loading">
<view class='loading-container' wx:if="{
{isShowLoading}}">
<image src='https://img-blog.csdnimg.cn/2022012917343581065.gif' ></image>
</view>
</template>
模板样式文件load.wxss这里省略了。
(2)、使用模板:使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入。
那么我在index文件夹下的index.wxml文件中调用该模板,应该这样写:
<import src="../../template/load.wxml" /> // 导入摸板文件
<template is="loading" data="{
{isShowLoading}}" /> // 使用模板
其中isShowLoading是一个boolean值,想让文件处于加载状态就等于true,否则为false