消息页 · APP模块

## 消息页面 ~~~ <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> <title>消息列表</title> <link rel="stylesheet" type="text/css" href="../../css/aui.css" /> <style type="text/css"> </style> </head> <body> <div class="aui-content"> <ul class="aui-list-view"> <li class="aui-list-view-cell aui-img" tapmode onclick="fnOpenChat()"> <img class="aui-img-object aui-pull-left" src="../../image/demo1.png"> <div class="aui-img-body"> 流浪男 <div class="aui-pull-right laud"> <i class="aui-iconfont aui-icon-likefill"></i> 33 </div> <p class="helper-tag aui-text-warning"> 无论是大型企业还是初创企业甚至一个尚未启动的事业 </p> </div> </li> <li class="aui-list-view-cell aui-img" tapmode onclick="fnOpenChat()"> <img class="aui-img-object aui-pull-left" src="../../image/demo2.png"> <div class="aui-img-body"> 流浪男 <div class="aui-pull-right laud"> <i class="aui-iconfont aui-icon-likefill"></i> 33 </div> <p class="helper-tag aui-text-warning"> 如何进行品牌定位和设计 </p> </div> </li> </ul> </div> </body> <script type="text/javascript" src="../../script/api.js" ></script> <script type="text/javascript"> apiready=function(){ api.parseTapmode(); } function fnOpenChat(){ api.openWin({ name: 'chat_win', url: 'chat_win.html' }); } </script> </html> ~~~ # 效果如下 ![](https://box.kancloud.cn/2016-08-30_57c4dfda2a35d.PNG)