WeChat-小程序-template定义模板

10 篇文章 0 订阅

一、定义模板

1、新建一个 tpl 文件夹用来管理项目中所有的模板;
2、新建一个courseList.wxml文件来定义模板;
3、使用name属性,作为模板的名字。然后在内定义代码片段。
模板
注意:
a.可以看到一个.wxml文件中可以定义多个模板,只需要通过name来区分;
b.模板中的数据都是展开之后的属性。

//	引入文件
<import src="../tpl/products-tpl/products-tpl.wxml" />

//	调用模板
<template is="products" data="{{product_list}}" />

二、定义模板

<template name="products">
  <view wx:for="{{product_list}}">
    <view class="product-name">{{item.name}}111111111111111111111111111</view>
  </view>
</template>

在这里插入图片描述

https://blog.csdn.net/Candy_mi/article/details/80225359

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值