-
二 template模板(代码复用)
<template name="info">
<button>获取授权</button>
<text>我是文本</text>
</template>
?
<template is="info" />2.2 自定义模板内容: (自定义使用data)
<template name="test">
<button size="mini">{{btnname}}</button>
<view>{{content}}</view>
</template>
?
?
<template is="test" data="{{btnname: ‘我是测试按钮‘,content: ‘他们看见星星,我看见辰,他们看见辰,我看到的是鲲‘}}"/>
?2.3 定义一个wxml文件 抽出来 服用样式
这里必须使用import
此处是wxml/template.wxml
<template name="item">
<button size="mini">获取授权</button>
<button size="mini" type="primary">同意</button>
<button size="mini" type="warn">拒绝</button>
</template>
//导入template
<import src="/wxml/template.wxml" />
<template is="item"></template>
同样 内容也是可以自定义 :
<import src="/wxml/template.wxml" />
<template is="item" data="{{btncontent: ‘同意‘}}"></template>
?
?
<template name="item">
<button size="mini">获取授权</button>
<button size="mini" type="primary">{{btncontent}}</button>
<button size="mini" type="warn">拒绝</button>
</template>
对于wxml文件 小程序提供两种方式导入,一种就是import 第二中是include
注意的是: template不能递归导入模板 不会识别