zoukankan      html  css  js  c++  java
  • APICloud学习笔记之doT模板

     1 <script type="text/template" id="template">
     2     {{~it:value:index}} {{?0 == value.showType}}
     3     <div class="ware ware-0">
     4         <div class="content" tapmode onclick="fnOpenWareWin('{{=value.id}}');">
     5             <img onload="fnLoadImage(this)" data-url="{{=value.thumbnail.url}}" class="thumbnail" src="../image/default_rect.png">
     6             <div class="info">
     7                 <span class="price">{{=value.price}}</span>
     8                 <span class="unit">/{{=value.unit}}</span>
     9                 <span class="origin-price">&nbsp;超市:<del>{{=value.originPrice}}元</del></span>
    10             </div>
    11             <div class="control">
    12                 <div class="panel">
    13                     <img class="minus" src="../image/minus.png">
    14                     <div class="count">0</div>
    15                 </div>
    16                 <img class="add" src="../image/add.png">
    17             </div>
    18         </div>
    19     </div>
    20     {{??}}
    21     <div class="ware ware-1">
    22         <div class="content" tapmode onclick="fnOpenWareWin('{{=value.id}}');">
    23             <img onload="fnLoadImage(this)" data-url="{{=value.thumbnail.url}}" class="thumbnail" src="../image/default_square.png">
    24             <div class="info">
    25                 <div class="name">{{=value.name}}</div>
    26                 <div class="description">{{=value.description}}</div>
    27                 <div class="price-tag">
    28                     <span class="price">¥{{=value.price}}</span>
    29                     <span class="unit">/{{=value.unit}}</span>
    30                 </div>
    31                 <div class="origin-price">超市:
    32                     <del>{{=value.originPrice}}元</del>
    33                 </div>
    34             </div>
    35             <div class="control">
    36                 <div class="panel">
    37                     <img class="minus" src="../image/minus.png">
    38                     <div class="count">0</div>
    39                 </div>
    40                 <img class="add" src="../image/add.png ">
    41             </div>
    42         </div>
    43     </div>
    44     {{?}} {{~}}
    45 </script>

    {{=插入值}}

    {{?...}} if语句

    {{?}}if结束

    {{~it:value:index}}for语句

    {{~}}for结束

  • 相关阅读:
    Linux与Windows区别——总结中
    Linux改变文件属性与权限
    Linux文件属性与权限
    数据库范式
    JavaScript基础:逻辑运算符——&&和||(短路判断)和!
    JavaScript基础:比较运算符——==与 ===;!=与!==
    JavaScript基础:字符串转换函数——String()和toString()
    Angular7 HttpClient处理多个请求
    javascript对象引用与赋值
    SASS用法指南
  • 原文地址:https://www.cnblogs.com/wuhailong/p/6595793.html
Copyright © 2011-2022 走看看