yjxg/helpCat-sub-project/render/template.js

const dataDemo = require('./dataDemo')

/*
<view class="container" id="main">
  <view class="header">
    <text class="title" value="排行榜"></text>
  </view>
  <view class="rankList">
        <scrollview class="list">
            {{~it.data :item:index}}
                {{? index % 2 === 1 }}
                <view class="listItem listItemOld">
                {{?}}
                {{? index % 2 === 0 }}
                <view class="listItem">
                {{?}}
                    <view id="listItemUserData">
                        <text class="listItemNum" value="{{= index + 1}}"></text>
                        <image class="listHeadImg" src="{{= item.avatarUrl }}"></image>
                        <text class="listItemName" value="{{= item.nickname}}"></text>
                    </view>
                    <text class="listItemScore" value="{{= item.rankScore}} 分"></text>
                </view>
            {{~}}
        </scrollview>
        <text class="listTips" value="仅展示前 {{= it.data.length}} 位好友排名"></text>
    </view>
</view>
*/

// 上述模板经过模板引擎编译成版本函数，可通过 olado.github.io/doT/index.html 在线获得
function anonymous(it) {
  var out = '<view class="container" id="main"> <view class="rankList"> <scrollview class="list"> ';
  var arr1 = it.data;
  if (arr1) {
    var item, index = -1,
      l1 = arr1.length - 1;
    while (index < l1) {
      item = arr1[index += 1];
      out += ' ';
      if (index % 2 === 1) {
        out += ' <view class="listItem"> ';
      }
      out += ' ';
      if (index % 2 === 0) {
        out += ' <view class="listItem"> ';
      }
      // <text class="listItemNum" value="' + (index + 1) + '"></text> 
      //<image class="listHeadImg" src="openDataContext/render/rank1.png"> 
      out += ' <view id="listItemUserData">'+'<image class="'+(index<3?"rankTitle":"rankTitle1")+'" src="openDataContext/render/rank'+(index+1)+'.png"> </image> '+'<image class="listHeadImg" src="' + (item.avatarUrl) + '"></image> <text class="listItemName" value="' + (item.nickname) + '"></text> </view> <text class="listItemScore" value="LV.' + (item.rankScore) + '"></text> </view> ';
    }
  }
  out += ' </scrollview> <text class="listTips" value="仅展示前 ' + 5 + ' 位好友排名"></text> </view></view>';
  return out;
}
module.exports = anonymous;