Reiskuchen 5 anni fa
parent
commit
3968637f66

+ 10 - 3
cloud-socket/WebContent/bind_weixin.jsp

@@ -9,9 +9,16 @@
 </head>
 <body>
 	<div class="main">
-		<img src="images/logo_bind.png">
-		<div>手机号<input type="text" placeholder="请输入用户名"></div>
-		<div>密码<input type="text" placeholder="请输入密码"></div>
+		<div class="logo">
+			<img src="images/logo_bind.png">
+		</div>
+		<p class="text1">绑定您的云模后台账号</p>
+		<p class="text2">即可通过公众号接收消息</p>
+		<p class="text3">账号</p>
+		<input class="textbox account" type="text" placeholder="请输入账号">
+		<p class="text3">密码</p>
+		<input class="textbox password" type="text" placeholder="请输入密码">
+		<div class="confirm">确认绑定</div>
 	</div>
 </body>
 </html>

+ 49 - 6
cloud-socket/WebContent/css/bind_weixin.css

@@ -9,22 +9,65 @@ a {
 html {
 	height: 100%;
 	widrth: 100%;
+	font-size: 100px;
 }
 body {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	font-family: 黑体, SimHei;
-}
-a,p,h4,h5,h6 {
-	font-family: 黑体, SimHei;
+	font-family: 微软雅黑, Microsoft YaHei, 黑体, SimHei;
+	display: flex;
+	font-size: 0.14rem;
 }
 li {
-	list-style:none;
+	list-style: none;
 }
 thead th {
-	border-bottom:none !important;
+	border-bottom: none !important;
 }
 .main {
+	width: 80%;
+	margin: auto;
+}
+.logo {
+	width: 100%;
+	text-align: center;
+	margin-bottom: 0.55rem;
+}
+.text1 {
+	font-size: 0.22rem;
+	line-height: 0.45rem;
+}
+.text2 {
+	font-size: 0.1rem;
+	color: #CCC;
+	margin-bottom: 0.5rem;
+}
+.text3 {
+	font-size: 0.18rem;
+	margin-bottom: 0.1rem;
+}
+.textbox {
+	border: 0;
+	border-bottom: 1px #EEE solid;
+	width: 100%;
+	height: 0.3rem;
+	line-height: 0.3rem;
+	font-size: 0.16rem;
+}
+.account {
+	margin-bottom: 0.14rem;	
+}
+.password {
+	margin-bottom: 0.3rem;	
+	
+}
+.confirm {
+	background-color: #409EE1;
+	height: 0.45rem;
+	line-height: 0.45rem;
+	border-radius: 0.3rem;
 	text-align: center;
+	color: white;
+	font-size: 0.16rem;
 }