小程序学习笔记

• 2020 年 11 月 10 日
• 笔记
• 小程序, 微信

template

<!--wxml-->
<template name="staffName">
  <view>
    FirstName: {{firstName}}, LastName: {{lastName}}
  </view>
</template>

<template is="staffName" data="{{...staffA}}"></template>
<template is="staffName" data="{{...staffB}}"></template>
<template is="staffName" data="{{...staffC}}"></template>

page.js

Page({
  data: {
    staffA: {firstName: 'Hulk', lastName: 'Hu'},
    staffB: {firstName: 'Shang', lastName: 'You'},
    staffC: {firstName: 'Gideon', lastName: 'Lin'}
  }
})

wxs

// wxs/my-wxs.wxs
var getMax = function(array) {
  var max = undefined;
  for (var i = 0; i < array.length; ++i) {
    max = max === undefined ?
      array[i] :
      (max >= array[i] ? max : array[i]);
  }
  return max;
}

module.exports = {
  getMax: getMax
}

wxml引入

// pages/index.wxml
// wxs src 为绝对路径
<wxs src="../../wxs/my-wxs.wxs" module="info" />
<view>{{info.getMax(array)}}</view>