53 lines
3.1 KiB
JavaScript
53 lines
3.1 KiB
JavaScript
/**
|
||
* 下面的内容分成两部分，第一部分是一个模板，模板的好处是能够有一定的语法
|
||
* 坏处是模板引擎一般都依赖 new Function 或者 eval 能力，小游戏下面是没有的
|
||
* 所以模板的编译需要在外部完成，可以将注释内的模板贴到下面的页面内，点击 "run"就能够得到编译后的模板函数
|
||
* https://wechat-miniprogram.github.io/minigame-canvas-engine/playground.html
|
||
* 如果觉得模板引擎使用过于麻烦，也可以手动拼接字符串，本文件对应函数的目标仅仅是为了创建出 xml 节点数
|
||
*/
|
||
/*
|
||
<view class="container" id="main">
|
||
<view class="rankList">
|
||
<scrollview class="list" scrollY="true">
|
||
{{~it.data :item:index}}
|
||
<view class="listItem">
|
||
<image src="open-data/render/image/rankBg.png" class="rankBg"></image>
|
||
<image class="rankAvatarBg" src="open-data/render/image/rankAvatar.png"></image>
|
||
<image class="rankAvatar" src="{{= item.avatarUrl }}"></image>
|
||
<view class="rankNameView">
|
||
<image class="rankNameBg" src="open-data/render/image/nameBg.png"></image>
|
||
<text class="rankName" value="{{=item.nickname}}"></text>
|
||
<text class="rankScoreTip" value="战力值:"></text>
|
||
<text class="rankScoreVal" value="{{=item.score || 0}}"></text>
|
||
</view>
|
||
<view class="shareToBtn" data-isSelf="{{= item.isSelf ? true : false}}" data-id="{{= item.openid || ''}}">
|
||
<image src="open-data/render/image/{{= item.isSelf ? 'button3':'button2'}}.png" class="shareBtnBg"></image>
|
||
<text class="shareText" value="{{= item.isSelf ? '你自己' : '分享'}}"></text>
|
||
</view>
|
||
</view>
|
||
{{~}}
|
||
</scrollview>
|
||
</view>
|
||
</view>
|
||
*/
|
||
/**
|
||
* xml经过doT.js编译出的模板函数
|
||
* 因为小游戏不支持new Function，模板函数只能外部编译
|
||
* 可直接拷贝本函数到小游戏中使用
|
||
*/
|
||
export default function anonymous(it) {
|
||
let out = '<view class="container" id="main"> <view class="rankList"> <scrollview class="list" scrollY="true"> ';
|
||
const arr1 = it.data;
|
||
if (arr1) {
|
||
let item;
|
||
let index = -1;
|
||
const l1 = arr1.length - 1;
|
||
while (index < l1) {
|
||
item = arr1[(index += 1)];
|
||
out += ` <view class="listItem"> <image src="open-data/render/image/rankBg.png" class="rankBg"></image> <image class="rankAvatarBg" src="open-data/render/image/rankAvatar.png"></image> <image class="rankAvatar" src="${item.avatarUrl}"></image> <view class="rankNameView"> <image class="rankNameBg" src="open-data/render/image/nameBg.png"></image> <text class="rankName" value="${item.nickname}"></text> <text class="rankScoreTip" value="战力值:"></text> <text class="rankScoreVal" value="${item.score || 0}"></text> </view> <view class="shareToBtn" data-isSelf="${!!item.isSelf}" data-id="${item.openid || ''}"> <image src="open-data/render/image/${item.isSelf ? 'button3' : 'button2'}.png" class="shareBtnBg"></image> <text class="shareText" value="${item.isSelf ? '你自己' : '分享'}"></text> </view> </view> `;
|
||
}
|
||
}
|
||
out += ' </scrollview> </view></view>';
|
||
return out;
|
||
}
|