Browse Source

添加未登录或退出时的咨询html,js

dell 8 years ago
parent
commit
2be1bdd638
2 changed files with 82 additions and 11 deletions
  1. 55 11
      app/html/nologin_consult.html
  2. 27 0
      app/js/nologin_consult.js

+ 55 - 11
app/html/nologin_consult.html

@ -4,18 +4,55 @@
4 4
    <meta charset="utf-8">
5 5
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 6
    <title></title>
7
    <link href="../css/mui.min.css" rel="stylesheet"/>
8
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9
    <link href="../css/app.css" rel="stylesheet"/>
7 10
    <style type="text/css">
8
    	/*控制未读消息*/
9
    	.displayNone {
10
    		display: none;
11
    * {
12
    	font-family: "微软雅黑";
13
    }
14
    	/*图片div*/
15
    	.imgdiv {
16
    		width: 140px;
17
    		height: 155px;
18
    		margin: 15% auto 2% auto;
19
    	}
20
    	
21
    	/*图片样式*/
22
    	.chat {
23
    		width: 100%;
24
    		height: 100%;
25
    	}
26
    	
27
    	/*登陆科袖样式*/
28
    	.logintext {
29
    		text-align: center;
30
    		font-size: 20px;
31
    		color: :#333;
32
    	}
33
    	
34
    	.desc {
35
    		text-align: center;
36
    		font-size: 20px;
37
    		color:#ccc;
38
    	}
39
    	/*按钮*/
40
    	.frmbox .btn {
41
    		margin:4% auto;
42
    		line-height:24px;
43
    		padding:1% 2%;
44
    		border-radius:6px;
45
    		border:1px solid #FF9900;
11 46
    	}
12
    	.displayBlock {
13
    		display: block;
47
    	.frmbox .regBtn {
48
    		color: #fff;
49
    		background: #FF9900;
50
    	}
51
    	.frmbox .logBtn {
52
    		color: #FF9900;
14 53
    	}
15 54
    </style>
16
    <link href="../css/mui.min.css" rel="stylesheet"/>
17
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
18
    <link href="../css/app.css" rel="stylesheet"/>
55
    
19 56
 
20 57
</head>
21 58
<body>
@ -26,10 +63,17 @@
26 63
	</header>
27 64
    <!-- 主页面内容容器 -->
28 65
    <div class="mui-content">
29
    	
30
    	
31
        
66
		<div class="imgdiv">
67
			<img class="chat" src="../images/chat.png"/>
68
		</div>
69
		<p class="logintext">登陆科袖</p>
70
        <p class="desc">随时和专家沟通,掌握最新动态</p>
71
		<p class="desc">接收咨询通知</p>
32 72
		
73
		<div class="mui-content-padded frmbox" style="margin-top: 20%;">
74
			<button  class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button>
75
			<button  class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;陆</button>
76
		</div>
33 77
    </div>
34 78
	
35 79
	<script src="../js/public/mui.min.js"></script>

+ 27 - 0
app/js/nologin_consult.js

@ -1,5 +1,32 @@
1 1
mui.plusReady(function() {
2 2
	
3
	var regBtn = document.getElementById("regBtn");
4
	var logBtn = document.getElementById("logBtn");
5
	
6
//	注册
7
	regBtn.addEventListener('tap',function(){
8
		mui.openWindow({
9
			url: '../html/reg.html',
10
			id: '../html/reg.html',
11
			show: {
12
				aniShow: "slide-in-right"
13
			}
14
		});
15
		
16
	});
17
	
18
	//登陆
19
	logBtn.addEventListener('tap',function(){
20
		mui.openWindow({
21
			url: '../html/login.html',
22
			id: '../html/login.html',
23
			show: {
24
				aniShow: "slide-in-right"
25
			}
26
		});
27
		
28
	});
29
	
3 30
	var userid = plus.storage.getItem('userid'); 
4 31
	
5 32