博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端模板 artTemplate之辅助方法template.helper
阅读量:4664 次
发布时间:2019-06-09

本文共 1457 字,大约阅读时间需要 4 分钟。

 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" οnclick="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>

但是。。。。下图标注部分的传参,参数会当变量传过去

 

转载于:https://www.cnblogs.com/baoshuyan66/p/10147790.html

你可能感兴趣的文章
Docker安装MariaDB
查看>>
如何给app客户端进行埋点?
查看>>
结对第二次—文献摘要热词统计及进阶需求
查看>>
JavaWeb---总结(十三)使用Session防止表单重复提交
查看>>
JSP介绍(2)--- 九大隐式对象
查看>>
[置顶] .net技术类面试、笔试题汇总3
查看>>
JAVA操作Hbase基础例子
查看>>
js表达式和语句趣味题讲解与技术分享
查看>>
【VC++技术杂谈006】截取电脑桌面并将其保存为bmp图片
查看>>
Java多线程编程(五)定时器Timer
查看>>
如何正确使用const(常量),define(宏)
查看>>
Linux系统目录权限chmod误操作权限修复方法
查看>>
wp7中如和从app.xaml.cs中直接导航到程序的某个页面
查看>>
Eclipse Jee Neon打开时报错 code=13的问题
查看>>
pymysql
查看>>
restframework之序列化
查看>>
配置网卡
查看>>
使用Asp.net mvc + Linq + mvc_scaffold_gen_setup.exe 生成一个完整的家庭帐册大管家程序 之二...
查看>>
利用URL重写隐藏复杂的URL
查看>>
支持二次开发的Zigbee模块(SNAP技术)
查看>>