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

  • 相关阅读:
    数据系统与分布式(二) 分布式数据系统(复制与分片)
    数据系统和分布式(一)数据系统基础
    可执行文件(ELF)的装载与进程
    HTTPS协议
    后台开发 缓存, 数据库, 高并发等等
    Golang中new和make的区别
    吴恩达:机器学习里面的作业1遇到的
    笔记——操作系统导论:环境配置
    笔记——操作系统导论:第二章
    Games 101 作业1代码解析
  • 原文地址:https://www.cnblogs.com/wuhailong/p/6595793.html
Copyright © 2011-2022 走看看