前端模板 artTemplate之輔助方法template.helper


 var labelMap = {

onlinePayment:{
label:"在線支付",
desc:"支持大部分儲蓄卡、信用卡及第三方平台支付",
name:"",
href:""
},
cashOnDelivery:{
label:"貨到付款",
desc:"貨到付款只支持POS機刷卡支付,不支持現金支付",
name:"",
href:""
},
accountPeriod:{
label:"賬期支付",
desc:"可使用賬期余額進行支付,",
name:"",
href:"https://help.gome.com.cn/article/440-0-0.html"//申請賬期鏈接
}
};
gomeTemplate.helper('labelMap',function(date,key){
return labelMap[date][key] //處理支付信息
});

//模板中使用

<div class="container payment" id="payment">
{{var a=1}}
<span>{{a}}</span>
<h3 class="title-color font14">支付方式</h3>
<div class="clearfix ml40 JsPaymentList">
{{each paymentMethods as pay i}}
{{if pay.c == 'onlinePayment' || pay.c == 'cashOnDelivery' || pay.c == 'accountPeriod'}}
<div class="fl pr mr15 JsSelPayment" hoverup>
<a href="javascript:;" class="btn pr btn-check {{if pay.selected}}btn-checked{{/if}} {{if pay.available==false}}btn-disabled{{/if}} mw84" onclick="changePay(this,{{pay.c}})">
<span class="name">{{pay.c | labelMap:'label'}}</span>
<b class="c-i tips_icon pabs payway_tips hide"></b>
{{if pay.selected}}
<i class="c-i chose_icon"></i>
{{/if}}
</a>
<div class="tips_detail pabs hide box-sd1">
<div class="white-arrow" style="top: -9px;left: 86px;font-size:15px;">◆</div>
{{pay.c | labelMap:'desc'}}
<a href="{{pay.c | labelMap:'href'}}" target="_blank">{{pay.c | labelMap:'name'}}</a>
</div>
</div>
{{/if}}
{{/each}}
</div>
</div>

但是。。。。下圖標注部分的傳參,參數會當變量傳過去

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM