小程序模版的应用

WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
定义模板
使用 name 属性,作为模板的名字。然后在内定义代码片段

<template name="worker">
  <view bindtap="godetailzw" class="list" data-job_id="{{item.job_id}}" data-company_name="{{item.company_name}}" data-company_id="{{item.company_id}}">
    <view class="positionName">【招聘】{{[item.job_name]}} </view>
    <view class='content'>
      <view class="left">
        <view class="company">{{item.company_name}}</view>
        <view class="wages">工资水平:{{[item.wages]}}</view>
      </view>
      <view class="right">
        <!--view class="money">优选</view-->
        <view class="distance">距离:{{item.distance}}米</view>
      </view>
    </view>
    <view class='foot'>
 学历:{{education_arr[item.education]}}    年龄:{{item.age_range}}
    </view>
  </view>
  <view>
  </view>
</template>

使用模板
使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,
在需要插入模板代码的地方调用
is 属性可以使用 Mustache 语法,来动态决定具体需要渲染哪个模板:
模板拥有自己的作用域,只能使用 data 传入的数据以及模板定义文件中定义的 模块。***即模板需要用data来引入模板里面需要的所有数据少了是不分显示的***data 可以是循环里面的item ,也可以是具体的数据名称

如:

<import src="template.wxml" /> //使用模板前需引入板文件
    <view class="weui-panel__bd">
      <block wx:for="{{list}}" wx:key="*this" wx:for-item="item">
      <template is="{{tempplatename}}" data="{{item}}" />
      </block>

    </view>

注意样板需要在编辑器小新建,如果是直接拷贝就可能出现找不到文件错误

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值