| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title></title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link href="../css/mui.min.css" rel="stylesheet" />
- <style type="text/css">
- body,
- .mui-content {
- background: #fff;
- }
-
- .mui-card-header.mui-card-media .mui-media-body {
- margin-left: 8px;
- }
-
- .mui-card-footer:before,
- .mui-card-header:after {
- background: transparent;
- }
-
- .mui-card-content-inner img {
- width: 48%;
- }
-
- .mui-card-header .mui-icon-chatboxes {
- color: #777;
- }
-
- .mui-card-content:after {
- position: absolute;
- bottom: 0;
- right: 0;
- left: 0;
- height: 1px;
- content: '';
- -webkit-transform: scaleY(.5);
- transform: scaleY(.5);
- background-color: #c8c7cc;
- }
- </style>
- </head>
- <body>
- <div class="mui-content">
- <div class="mui-card-header mui-card-media">
- <img src="../img/logo.png">
- <div class="mui-media-body mui-pull-left">
- 小M
- <p>发表于 2016-06-30 15:30</p>
- </div>
- <a class="mui-icon mui-icon-chatboxes mui-pull-right"></a>
- </div>
- <div class="mui-card-content">
- <div class="mui-card-content-inner">
- <div>
- 包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作(比如点赞、评论等)
- </div>
- <img src="../images/cbd.jpg" />
- <img src="../images/cbd.jpg" />
- </div>
- </div>
- <div class="mui-card-header mui-card-media">
- <img src="../img/logo.png">
- <div class="mui-media-body mui-pull-left">
- 小M
- <p>发表于 2016-06-30 15:30</p>
- </div>
- <a class="mui-icon mui-icon-chatboxes mui-pull-right"></a>
- </div>
- <div class="mui-card-content">
- <div class="mui-card-content-inner">
- <div>
- 包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作(比如点赞、评论等)
- </div>
- <img src="../images/loginBj.jpg" />
- </div>
- </div>
- </div>
- <script src="../js/mui.min.js"></script>
- <script type="text/javascript">
- mui.init();
- mui(".mui-card-header").on("tap", "a", function(e) {
- mui.openWindow({
- url:'help_detail.html',
- id:'help_detail'
- })
- })
- </script>
- </body>
- </html>
|