Nav apraksta

professorArticle.html 2.8KB

    <!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" /> <link href="../css/iconfont.css" rel="stylesheet" /> <link href="../css/app.css" rel="stylesheet" /> <style> body, html, .mui-content { background: #FFFFFF; } #main_content img{ width:100%; } </style> </head> <body> <header class="mui-bar mui-bar-nav toptitbox"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a> <h1 class="mui-title toptit">科研文章</h1> <a class="mui-icon iconfont icon-share mui-pull-right button topmore" id="shareBtn"></a> </header> <nav class="mui-bar mui-bar-tab footbox footOpert"> <a class="mui-tab-item" id="thumbsUp"> <span class="mui-icon iconfont icon-appreciate" id="appreciate"></span> <span class="mui-tab-label">点赞(<span id="numerCount"></span>)</span> </a> <a class="mui-tab-item" id="leaveWord"> <span class="mui-icon iconfont icon-community"></span> <span class="mui-tab-label" id="leaveWord"></span> </a> <a class="mui-tab-item" id="collect"> <span class="mui-icon iconfont icon-favor" id="yesExpert"></span> <span class="mui-tab-label">收藏</span> </a> </nav> <div class="mui-content"> <div class="art_topicBox"> <div class="art_img" id="articleImg"></div> <div class="art_topicbox"> <h4 id="artical_topic"></h4> </div> </div> <div class="articalBox"> <ul class="mui-table-view mui-table-view-chevron" id="proInfor"> <li class="mui-table-view-cell mui-media NoActive mui-active" style="padding:8px 20px 8px 10px;"> <a class="proinfor"> <div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div> <div class="mui-media-body"> <span class="listtit"><span id="proName"></span><em class="authicon authicon-pro" id="flSta"> </em></span> <div class="mui-ellipsis listtit3" id="proRlist"></div> <!--<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div> <div class="mui-ellipsis listtit3" id="proZlist"></div>--> </div> </a> </li> </ul> <div class="line01" style="margin:4px 0 10px 0;"></div> <div id="artical_real"> <!--body--> <div id="main_content" style="width:100%;"> </div> <!--body--> </div> </div> </div> <script src="../js/public/mui.min.js"></script> <script src="../js/public/base.js"></script> <script src="../js/professorArticle.js"></script> </body> </html>