模板
原创...小于 1 分钟
WXML 提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用
定义模板
在 pages 同级目录下新建 template 目录,在此目录下新建 list 页面,并在 app.json 中声明
使用 name 属性,作为模板的名字。然后在<template/>
内定义代码片段`
<template name="customTemplate">
<view class="text">{{ test }}</view>
</template>
使用模板
使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入
<import src="../../templates/list/list.wxml" />
<view>
<view>引用模板(可复用)</view>
<template is="customTemplate" data="{{test}}"></template>
<template is="customTemplate" data="{{test}}"></template>
</view>
Page({
data: {
test: "测试",
},
});
@import "../../templates/list/list.wxss";
Powered by Waline v2.15.7