| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title></title>
- <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
- <link rel="stylesheet" href="../style/weui.css"/>
- <link rel="stylesheet" href="../style/weui2.css"/>
- <link rel="stylesheet" href="../style/weui3.css"/>
- <script src="../zepto.min.js"></script>
- <script>
- $(function(){
-
- });
-
- </script>
- </head>
- <body ontouchstart style="background-color: #f8f8f8;">
- <div class="timeline">
- <ul>
- <li class="timeline-item"> <div class="timeline-item-head-first"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked"></i> </div> <div class="timeline-item-tail"></div> <div class="timeline-item-content"> <h4 class="recent">广州市 已发出</h4> <p class="recent">2016-04-17 12:00:00</p> </div> </li>
- <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4> 申通快递员 广东广州 收件员 xxx 已揽件</h4> <p>2016-04-16 10:23:00</p> </div> </li>
- <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4> 这是一个时间线组件,非常适合用于一直改变得数据展示,总的来说,这是一套非常美好的组建扩展这是一个时间线组件,非常适合用于一直改变得数据展示,总的来说,这是一套非常美好的组建扩展</h4> <p>2016-04-16 10:23:00</p> </div> </li>
- <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail hide" ></div> <div class="timeline-item-content"> <h4> 商家正在通知快递公司揽件</h4> <p>2016-04-15 9:00:00</p> </div> </li>
- </ul> </div>
- <div class="weui-loadmore">
- <i class="weui-loading"></i>
- <span class="weui-loadmore-tips">正在加载</span>
- </div>
- <div class="weui-loadmore weui-loadmore-line">
- <span class="weui-loadmore-tips">暂无数据</span>
- </div>
-
- <div class="weui-loadmore weui-loadmore-line weui-loadmore-dot">
- <span class="weui-loadmore-tips"></span>
- </div>
-
- <div class="weui_cells_title">9种常见颜色值</div>
- <div class="weui_cells weui_cells_form">
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">红色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#EF4F4F" style="background:#ef4f4f;color:white"/>
- </div>
-
- </div>
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">绿色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#04BE02" style="background:#04be02;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">蓝色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#18B4ED" style="background:#18b4ed;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">黑色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#333" style="background:#333;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">紫色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#FF33CC" style="background:#FF33CC;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">灰色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#CCC" style="background:#ccc;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">黄色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#FFFF66" style="background:#FFFF66;color:#333"/>
- </div>
-
- </div>
-
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">橙色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#FF6600" style="background:#FF6600;color:white"/>
- </div>
-
- </div>
-
- <div class="weui_cell">
- <div class="weui_cell_hd"><label class="weui_label">白色</label></div>
- <div class="weui_cell_bd weui_cell_primary">
- <input class="weui_input" type="text" value="#FFF" style="background:#fff;color:#333"/>
- </div>
-
- </div>
-
- </div>
- </body>
- </html>
|
