|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
<!-- 引入 mui -->
|
|
|
|
|
|
<!--标准mui.css-->
|
|
|
|
|
|
|
|
|
|
|
|
<link href="js/mui/css/mui.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<link href="js/mui/css/mui.picker.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<link href="js/mui/css/mui.dtpicker.css" rel="stylesheet" />
|
|
|
|
|
|
<link href="js/mui/css/mui.indexedlist.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<script src="js/jquery.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="js/mui/js/mui.min.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/mui/js/mui.picker.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./css/mui.css" />
|
|
|
|
|
|
<!-- 自定义样式 -->
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./css/index2.css" />
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/jquery.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<!--<script src="js/iscroll.js" type="text/javascript"></script>-->
|
|
|
|
|
|
<script src="js/pullToRefresh.js" type="text/javascript" charset="gb2312"></script>
|
|
|
|
|
|
<script src="js/comment/action.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="Scripts/QueryString.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="Scripts/config.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="./Comm/Gener.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="./js/mui.min.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
#segmentedControl {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tab-item {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
margin: 0 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.box {
|
|
|
|
|
|
margin: 0.5rem 0.75rem;
|
|
|
|
|
|
padding: 0.5rem;
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border-radius: 0.25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.box-item {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
padding: 0.25rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.box-item > .flex {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
padding: 0.15rem 0;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-between {
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dot {
|
|
|
|
|
|
width: 0.2rem;
|
|
|
|
|
|
height: 0.2rem;
|
|
|
|
|
|
background-color: #666666;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.date-m {
|
|
|
|
|
|
margin-left: 0.83125rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mark {
|
|
|
|
|
|
padding: 0 0.5rem;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
font-size: 0.6rem;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
border-radius: 5px 5px 5px 0;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 1-7分别代表不同类型事项 */
|
|
|
|
|
|
.type-bg-1 {
|
|
|
|
|
|
background-color: #0090FF;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-2 {
|
|
|
|
|
|
background-color: #00B4FF;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-3 {
|
|
|
|
|
|
background-color: #F76F64;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-4 {
|
|
|
|
|
|
background-color: #2ABB7D;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-5 {
|
|
|
|
|
|
background-color: #31D2C6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-6 {
|
|
|
|
|
|
background-color: #B0ABFB;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-7 {
|
|
|
|
|
|
background-color: #89BF80;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-8 {
|
|
|
|
|
|
background-color: #3CC1CD;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-9 {
|
|
|
|
|
|
background-color: #0097D6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.type-bg-10 {
|
|
|
|
|
|
background-color: #31D29F;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 折叠面板初始化隐藏 */
|
|
|
|
|
|
.item_wrap {
|
|
|
|
|
|
padding: 0.25rem 0;
|
|
|
|
|
|
border-top: 1px solid #ececec;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
/* align-items: center; */
|
|
|
|
|
|
padding-left: 29px;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div > div:first-of-type {
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div > div:last-of-type {
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div:first-of-type {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div:first-of-type > span {
|
|
|
|
|
|
width: 24px;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
color: #FF6619;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item_wrap_box > div:first-of-type > div {
|
|
|
|
|
|
font-size: 0.75rem;
|
|
|
|
|
|
color: #212121;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-1 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*重写MUI
|
|
|
|
|
|
*解决沉寖式状态栏导致导航栏高度少20px的问题*/
|
|
|
|
|
|
.mui-bar-nav {
|
|
|
|
|
|
height: 64px !important;
|
|
|
|
|
|
padding-top: 20px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mui-bar-nav ~ .mui-content {
|
|
|
|
|
|
padding-top: 64px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mui-bar-nav ~ .mui-content .mui-pull-top-pocket {
|
|
|
|
|
|
top: 64px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mui-bar-nav ~ .mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
|
|
|
|
|
|
top: 64px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
|
background-color: #F8F8F8;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
option {
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mui-input-row label {
|
|
|
|
|
|
font-family: 'Helvetica Neue', Helvetica, sans-serif;
|
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 40% !important;
|
|
|
|
|
|
padding: 11px 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
width: 60% !important;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.FunBtn {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
mui.init();
|
|
|
|
|
|
mui.ready(
|
|
|
|
|
|
//初始化数据.
|
|
|
|
|
|
function InitPage() {
|
|
|
|
|
|
|
|
|
|
|
|
var _myvishtml = "";
|
|
|
|
|
|
var _comhtml = "";
|
|
|
|
|
|
//获取我的拜访数据源
|
|
|
|
|
|
//var handler = new HttpHandler("BP.VB.HttpHandler.AppHandler");
|
|
|
|
|
|
//handler.AddPara("openID", GetQueryString("openID"));
|
|
|
|
|
|
//handler.AddPara("OrgNo", GetQueryString("OrgNo"));
|
|
|
|
|
|
//var data = handler.DoMethodReturnString("GuestHome_Init");
|
|
|
|
|
|
//var pushData = eval('(' + data + ')');
|
|
|
|
|
|
}
|
|
|
|
|
|
);
|
|
|
|
|
|
//刷新
|
|
|
|
|
|
function RefPage() {
|
|
|
|
|
|
window.location.href = location.href;
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="pages">
|
|
|
|
|
|
<header id="header" class="mui-bar mui-bar-nav">
|
|
|
|
|
|
<h1 class="mui-title" style=" padding-left:initial">欢迎使用大冶特钢研发平台</h1>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
<section class="mui-content">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab-box">
|
|
|
|
|
|
|
|
|
|
|
|
<div id="item_MyVisiting">
|
|
|
|
|
|
|
|
|
|
|
|
<center>
|
|
|
|
|
|
<img src="Img/GongZhongHao.jpg" style="width:100%;" />
|
|
|
|
|
|
<h3> 关注公众号</h3>
|
|
|
|
|
|
</center>
|
|
|
|
|
|
|
|
|
|
|
|
<!--<h3> 长按图片关注公众号. </h3>-->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<!-- <script type="text/javascript" src="../script/api.js"></script> -->
|
|
|
|
|
|
<script src="./js/mui.min.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
mui.init({
|
|
|
|
|
|
swipeBack: true, //启用右滑关闭功能
|
|
|
|
|
|
beforeback: function () {//监听物理返回按键的方法
|
|
|
|
|
|
Back1();
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 选项卡
|
|
|
|
|
|
(function ($) {
|
|
|
|
|
|
document.querySelectorAll(".mui-control-item").forEach(function (item) {
|
|
|
|
|
|
item.addEventListener('tap', function (e) {
|
|
|
|
|
|
//此处写需要实现的功能 可根据锚点href判断当前类型,如果样式相同可删除锚点共用一个div，可根据data-index自定义属性判断
|
|
|
|
|
|
var targetTab = this.getAttribute('data-index');
|
|
|
|
|
|
console.log(JSON.stringify(targetTab))
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
})(mui);
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
