|
<!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/app.css" rel="stylesheet" />
<style type="text/css">
html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
.mui-content{height:100%;overflow: auto;}
.mui-table-view-cell.mui-active{background: none;}
.mui-table-view-cell>a:not(.mui-btn).mui-active{background: none;}
</style>
</head>
<body>
<div class="maskBlack" id="maskBlack"></div>
<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>
</header>
<div class="mui-content">
<div class="mui-input-group marginbox setblock">
<ul class="mui-table-view">
<li class="mui-table-view-cell" id="share">
<span class="mui-pull-left">分享给好友</span>
</li>
<li class="mui-table-view-cell" id="corrEssor">
<a class="mui-navigate-right">
<span class="mui-pull-left">纠错反馈</span>
</a>
</li>
</ul>
</div>
<div class="xiugai-qa displayNone">
<div class="mui-input-group marginbox setblock">
<ul class="mui-table-view">
<li class="mui-table-view-cell" id="corrAnswer">
<a class="mui-navigate-right">
<span class="mui-pull-left">修改回答</span>
</a>
</li>
</ul>
</div>
<div class="mui-input-group alignCenter">
<span class="exitbtn">删除</span>
</div>
</div>
</div>
<div class="shareBlock" id="shareBlock">
<h2 class="shareTit"><span>分享到</span></h2>
<ul class="mui-table-view noactiveTab">
<li class="mui-table-view-cell">
<em class="wayicon wechaticon"></em>
<span>微信好友</span>
</li>
<li class="mui-table-view-cell">
<em class="wayicon friendstericon"></em>
<span>微信朋友圈</span>
</li>
<li class="mui-table-view-cell">
<em class="wayicon sinaicon"></em>
<span>新浪微博</span>
</li>
</ul>
<button type="button" class="mui-btn mui-btn-block" id="cancelShare">取消</button>
</div>
<script src="../js/public/mui.min.js"></script>
<script src="../js/public/base.js"></script>
<script src="../js/moreItem.js"></script>
<script>
var cancelShare=document.getElementById("cancelShare");
var maskBlack=document.getElementById("maskBlack");
var shareBlock=document.getElementById("shareBlock");
document.getElementById("share").addEventListener("tap",function(){
maskBlack.style.display="block";
shareBlock.style.display="block";
})
cancelShare.addEventListener("tap",function(){
maskBlack.style.display="none";
shareBlock.style.display="none";
})
maskBlack.addEventListener("tap",function(){
this.style.display="none";
shareBlock.style.display="none";
})
</script>
</body>
</html>
|
