平面设计

{if defined("dt")}
<div class="j-href f-pr" data-href="{if onlearn && !!dt.termPanel && !!dt.termPanel.isStart}${dt.learnUrl}{else}${dt.infoUrl}{/if}" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="${dt.name|escape}">
<div class="card f-pr {if onlearn}onlearn{/if}">
<div class="u-img f-pr">
{if isMoc}<span class="mocIc f-pa"></span>{/if}
{if dt.mode != constant.MODE_MOOC}<div class="f-pa spoc"></div>{/if}
{if !!lazyLoad}
<img class="img j-img" src="${defaultImg}" data-originsrc= "${dt.imgUrl|default:''|escape}" alt="${dt.name|escape}">
{else}
<img class="img" src="${dt.imgUrl|default:''|escape}" alt="${dt.name|escape}">
{/if}
</div>
{if !!dt.termPanel}
<div class="progress">
<div style="width:{if dt.termPanel.isStart}${dt.termPanel.onProgressPercent}%{else}0{/if};"></div>
</div>
<div class="progTxt f-f0">
课程进度：
{if !dt.termPanel.isOver}
{if !dt.termPanel.isStart}
{if dt.termPanel.startTime == constant.UNDETERMINDED_STARTTIME}
开课时间待定
{else}
${dt.termPanel.startTime|format:"yyyy-MM-dd"} 开课
{/if}
{else}
进行到第${dt.termPanel.onProgress}/${dt.termPanel.termLength} 周
{/if}
{else}
已结束
{/if}
{if !!dt.termPanel.scoreCardDto && !!dt.termPanel.scoreCardDto.totalScoreWithBonus && dt.termPanel.scoreCardDto.totalScoreWithBonus !=0 }
{if isMoc}
<span class="score">(${dt.termPanel.scoreCardDto.totalScoreWithBonus}分)</span>
{else}
<a class="score" href="${dt.reportUrl}" target="_blank">(${dt.termPanel.scoreCardDto.totalScoreWithBonus}分)</a>
{/if}
{/if}
</div>
{/if}
<p class="f-f0 t1 f-thide">${dt.name|escape}</p>
{if !!dt.schoolPanel}
<p class="t2 f-fs0 f-fc6 f-thide">${dt.schoolPanel.name|escape}</p>
{/if}
{if !!dt.termPanel}
{if !!dt.termPanel.yocTermFightCardDto && dt.termPanel.fightEnable != 0}
{if !!dt.termPanel.yocTermFightCardDto.certGenerated}
<a class="report f-fcgreen certLink f-fs0" href="${dt.certChargeUrl}" target="_blank">查看证书</a>
{else}
{if dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_APPLY_FIGHT_AVAILABLE}
<a class="report f-fcorange f-fs0" href="${dt.fightUrl}" target="_blank">开启奋斗模式</a>
{elseif dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_APPLY_FIGHT_DONE}
<span class="report s-fc2 f-fs0">已开启奋斗模式</span>
{elseif dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_APPLY_CERT_AVAILABLE || dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_SUCCESS_NORMAL_CERT_AVAILABLE}
<a class="report f-fcgreen f-fs0" href="${dt.certApplyUrl}" target="_blank">申请证书</a>
{elseif dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_APPLY_CERT_DONE || dt.termPanel.yocTermFightCardDto.detailStatus == constant.DETAIL_STATUS_CERT_DIRECT}
<span class="report s-fc2 f-fs0">已申请证书，成绩合格即颁发证书</span>
{/if}
{/if}
{/if}
{if !!dt.termPanel.yocCert && dt.termPanel.chargable == true &&
dt.termPanel.chargeableCert == 1 && !!dt.termPanel.yocTermPaidCertCardDto}
{if payCertStatus == euConstant.PAYCERT_PRE}
{if dt.termPanel.yocTermPaidCertCardDto.applyCert == false}
<a class="report f-fcgreen f-fs0" href="${dt.certApplyUrl}" target="_blank">申请证书</a>
{else}
<span class="report s-fc2 f-fs0">已申请证书，成绩合格即颁发证书</span>
{/if}
{elseif payCertStatus == euConstant.PAYCERT_CONFIRMSCORE}
{if dt.termPanel.yocTermPaidCertCardDto.applyCert == false &&
dt.termPanel.yocTermPaidCertCardDto.pass == true}
<a class="report f-fcgreen f-fs0" href="${dt.certApplyUrl}" target="_blank">申请证书</a>
{elseif dt.termPanel.yocTermPaidCertCardDto.applyCert == true &&
dt.termPanel.yocTermPaidCertCardDto.pass == true }
<span class="report s-fc2 f-fs0">已申请证书，成绩合格即颁发证书</span>
{/if}
{elseif payCertStatus == euConstant.PAYCERT_APPLYCERTEND}
{if dt.termPanel.yocTermPaidCertCardDto.applyCert == true && dt.termPanel.yocTermPaidCertCardDto.pass == true }
<span class="report s-fc2 f-fs0">已申请证书，成绩合格即颁发证书</span>
{/if}
{elseif payCertStatus == euConstant.PAYCERT_CERTSEND}
{if dt.termPanel.yocTermPaidCertCardDto.applyCert == true && dt.termPanel.yocTermPaidCertCardDto.pass == true }
<a class="report f-fcgreen certLink f-fs0" href="${dt.certChargeUrl}" target="_blank">查看证书</a>
{/if}
{/if}
{/if}
<div class="termTime f-cb">
{if !dt.termPanel.isOver}
{if !dt.termPanel.isStart}
{if dt.termPanel.startTime == constant.UNDETERMINDED_STARTTIME}
<span class="txt before"> 开课时间待定 </span>
{else}
<span class="txt before"> ${dt.termPanel.startTime|format:"yyyy-MM-dd"} 开课 </span>
{/if}
{else}
<span class="txt during"> 进行到第${dt.termPanel.onProgress}/${dt.termPanel.termLength} 周 </span>
{/if}
{elseif !dt.termPanel.scoreCardDto}
<span class="txt over"> 于${dt.termPanel.endTime|format:"yyyy年MM月dd日"}结束 </span>
{/if}
{if !isMoc && dt.termPanel.fightEnable != 0}<span class="certIcon f-ib">证书</span>{/if}
</div>
{/if}
<div class="cardFt f-cb">
{if dt.priceTxt}
<div class="price f-fl f-ib f-fs0">${dt.priceTxt}</div>
{/if}
</div>
</div>
<div class="j-mask mask" style="display:none"><a class="j-del delbtn f-db" data-for="${dt.id}"></a></div>
</div>
{/if}

{if defined("dt")}
<div class="j-href f-cb" data-href="${dt.infoUrl}" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="${dt.name|escape}">
<div class="cImg f-fl f-pr">
<img src="${dt.imgUrl|default:''|escape}" alt="${dt.name|escape}" class="img"/>
{if isMoc}<span class="mocIc f-pa"></span>{/if}
</div>
<div class="cInfo f-cb f-fl f-pr">
<h4 class="courseTit f-thide b-30">${dt.name|escape}</h4>
<div class="f-fc9 f-fs0 f-thide">${dt.schoolPanel.name|escape}</div>
{if !!dt.termPanel}
{if !dt.termPanel.isOver}
{if !dt.termPanel.isStart}
<div class="f-pa time f-fcf"><span class="f-icon clock"></span>
{if dt.termPanel.startTime == constant.UNDETERMINDED_STARTTIME}
<span class="txt">开课时间待定</span>
{else}
<span class="txt">${dt.termPanel.startTime|format:"yyyy-MM-dd"} 开课</span>
{/if}
</div>
{elseif}
<div class="f-pa ing f-fcf"><span class="f-icon clock"></span><span class="txt">进行到第${dt.termPanel.onProgress}/${dt.termPanel.termLength} 周</span></div>
{/if}
{/if}
{/if}
</div>
</div>
{/if}

{if defined("dt")}
<div class="wrap f-cb">
<a target="_blank" class="j-href wrap" data-href="${dt.url}" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="${dt.name|escape}">
<div class="img">
<div class="pic f-pr">
{if !!lazyLoad}
<img class="imgPic j-img" src="${defaultImg}" data-originsrc= "${dt.pic}" alt="${dt.name|escape}">
{else}
<img class="imgPic" src= "${dt.pic}" alt="${dt.name|escape}">
{/if}
{if !!dt.liveRemind}<div class="live">${dt.liveRemind}</div>{/if}
</div>
{if !!dt.progress}
<div class="continue">
<div class="progs">
<div style="width:${dt.progress.width|default:'0'}"></div>
</div>
<h4 class="">${dt.progress.txt|default:''}</h4>
</div>
{/if}
<div class="tit">
<h3 class="f-thide">${dt.name|escape}</h3>
<div class="continued sign {if !dt.isLector}f-dn{/if}">老师参与</div>
<div class="continued sign foxconn2 {if dt.tag == null}f-dn{/if} {if dt.isLector}foxconn{/if}">${dt.tag}</div>
</div>
<div class="orgName f-fs0 f-thide">${dt.provider|default:'云课堂'}</div>
{if !dt.progress}
{if !!dt.offLine}
<h4 class="f-thide draftStatusTxt">课程已下架</h4>
{elseif !!dt.draft}
<h4 class="f-thide draftStatusTxt">${dt.draft.err|default:''}</h4>
<div target="_blank" data-href="${dt.url}" class="draftStatusBtn j-href"><span>${dt.draft.txt|default:'编辑草稿'}</span></div>
{else}
<div class="thumb">
<div class="desc f-cb">
<span class="hot f-fs0">${dt.learnerCount|default:'0'}</span>
</div>
<div class="btn f-pr ${dt.priceobj.clazz|default:''}">
{if !!isSeckill && dt.universalCoupon}
<span class="normal f-fs0">¥${dt.universalCoupon.discountAmount}</span>
<span class="discount">¥${dt.price}</span>
<div class="restamount f-f0 f-pa ${seckillObj.style}">
${seckillObj.txt}
</div>
{else}
<span class="normal f-fs0">${dt.priceobj.priceTxt}</span>
<span class="discount">${dt.priceobj.discount|default:''}</span>
{/if}
</div>
</div>
{/if}
{/if}
{if !!dt.draft && !!dt.draft.status}
<div class="draftStatus f-pa">${dt.draft.status|default:'草稿'}</div>
{/if}
<div class="${dt.publicClass}"></div>
</div>
</a>
<div class="j-mask mask" data-id="${dt.id}" style="display:none"><div class="j-del delbtn"></div></div>
</div>
{/if}

{if defined("dt")}
<div class="wrap f-pr f-cb">
<a class="f-fl f-pr img" href="${dt.link}" target="_blank" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="图片">
{if !!dt.imgUrl}
<img src="${dt.imgUrl}" />
{else}
<img src="${dt.courseVo.bigPhotoUrl}" />
{/if}
</a>
<div class="f-pr f-fr info">
<div class="cnt">
<a class="name f-thide f-fc3" href="${dt.link}" target="_blank" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="课程名称">${dt.courseVo.name|escape}</a>
<p class="teacher f-thide f-fc9">${dt.teacherStr|escape}</p>
<p class="intro f-fc3">${dt.des}</p>
{if dt.courseVo.courseType==0}
{if !!!isMobile}
<p class="tip f-fc9">现在参加，${dt.courseVo.learnerCount|default:'0'}人与你并肩作战!</p>
{/if}
<div class="user f-cb">
{list dt.wallMembers as user}
{if user_index < 6}
<a href="${user.personalUrlPrefix}${user.personalUrlSuffix}" title="${user.nickName}" target="_blank" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="用户"><img src="${user.smallFaceUrl|formatFaceUrl}" /></a>
{/if}
{/list}
{if !!dt.wallMembers && dt.wallMembers.length>=6}
<p class="dot f-fl">......</p>
{/if}
</div>
{/if}
{if dt.courseVo.courseType==3}
<div class="opentime {if !!dt.courseVo.started && !!dt.courseVo.ended}over{/if}">
{if !!dt.courseVo.started}
{if !!dt.courseVo.ended}
于${dt.courseVo.endTime|format:"yyyy年MM月dd日"}结束
{elseif !dt.courseVo.ended}
进行到第${dt.courseVo.restWeek}周
{/if}
{elseif !dt.courseVo.started}
{if dt.courseVo.startTime==32503651201000}
开课时间待定
{else}
${dt.courseVo.startTime|format:"yyyy年MM月dd日"}开课
{/if}
{/if}
</div>
{/if}
<a class="link f-pa" href="${dt.link}" target="_blank" {if dt.index >= 0}data-index="${dt.index+1}" {/if}data-name="查看详情">查看详情</a>
<div class="price f-pa">
{if !!dt.courseVo.commonDiscountPrice}
<p class="normal">¥ ${dt.courseVo.commonDiscountPrice|formatCash}</p>
<p class="discount">¥ ${dt.courseVo.price|formatCash}</p>
{else}
<p class="normal">{if !!dt.courseVo.price}¥ ${dt.courseVo.price|formatCash}{else}免费{/if}</p>
{/if}
</div>
{if dt.showIcon}<div class="f-pa icon"></div>{/if}
</div>
</div>
</div>
{/if}

扫码下载官方App

使用协议与隐私政策