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结束

  • 相关阅读:
    Redis 锁
    Redis 持久化
    Redis 数据淘汰策略
    Redis 事务命令
    【vue禁止复制粘贴】
    tsconfig.json无法写入webpack.config.js 因为它会覆盖输入文件。
    npm 进阶命令知多少(一)
    如何将360度评估调查应用于员工发展?
    如何利用360度评估做好民主评议促进干部管理与选拔?
    手把手带你使用360度评估系统实施绩效反馈全流程(附详细图文)
  • 原文地址:https://www.cnblogs.com/wuhailong/p/6595793.html
Copyright © 2011-2022 走看看