説明なし

attentions.html 10KB

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <link href="../css/mui.min.css" rel="stylesheet"/> <link href="../css/iconfont.css" rel="stylesheet" /> <link href="../css/app.css" rel="stylesheet"/> </head> <body> <!-- 主页面标题 --> <header class="mui-bar mui-bar-nav toptitbox"> <span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span> <h1 class="mui-title toptit">我的关注</h1> </header> <!-- 主页面内容容器 --> <div class="mui-content"> <!-- 主界面具体展示内容 --> <div class="fixbox"> <ul class="fixbtn" id="fixbtn"> <li index="0" class="liactive">专家</li><!--当前选中状态 'liactive'--> <li index="1">资源</li> </ul> </div> <div class="alllist"> <!--专家列表--> <div class="mui-card-content conblock childlist" style="display: block;"><!--当前x显示列表 'childlist'的显示隐藏--> <ul class="mui-table-view protable"> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="../html/proinforbrow.html"> <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg"> <div class="mui-media-body"> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> <p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5> <p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="../html/proinforbrow.html"> <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg"> <div class="mui-media-body"> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip unauthicon"></em></span> <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> <p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5> <p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="../html/proinforbrow.html"> <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg"> <div class="mui-media-body"> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> <p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5> <p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="../html/proinforbrow.html"> <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg"> <div class="mui-media-body"> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> <p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5> <p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="../html/proinforbrow.html"> <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg"> <div class="mui-media-body"> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> <p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5> <p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p> </div> </a> </li> </ul> </div> <!--资源列表--> <div class="mui-card-content conblock childlist"> <ul class="mui-table-view protable"> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="resinforbrow.html"> <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg"> <div class="mui-media-body"> <span class="listtit">资源名称</span> <p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="resinforbrow.html"> <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg"> <div class="mui-media-body"> <span class="listtit">资源名称</span> <p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="resinforbrow.html"> <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg"> <div class="mui-media-body"> <span class="listtit">资源名称</span> <p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a class="proinfor" href="resinforbrow.html"> <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg"> <div class="mui-media-body"> <span class="listtit">资源名称</span> <p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p> <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span> <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p> </div> </a> </li> </ul> </div> </div> <!--<a id="scrollToTop" class="backTop hide"> <span class="mui-icon mui-icon-arrowup"></span> </a>--> </div> <script src="../js/public/mui.min.js"></script> <script type="text/javascript" charset="utf-8"> mui.init(); //------------------------------ //菜单tab切换 mui("#fixbtn").on("tap","li",function(){ var checkedindex=this.getAttribute("index"); var checkedcontent_arr=document.getElementsByClassName("childlist"); var libtn_arr = document.getElementById("fixbtn").getElementsByTagName("li"); mui.toast(checkedindex); if(checkedindex==0){ libtn_arr[0].classList.add("liactive"); libtn_arr[1].classList.remove("liactive"); checkedcontent_arr[1].style.display = 'none'; checkedcontent_arr[0].style.display = 'block'; }else{ libtn_arr[1].classList.add("liactive"); libtn_arr[0].classList.remove("liactive"); checkedcontent_arr[0].style.display = 'none'; checkedcontent_arr[1].style.display = 'block'; } }) //----------------------------- </script> </body> </html>