|
@@ -0,0 +1,99 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="en">
|
|
|
|
|
+
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
+ <title>邀请</title>
|
|
|
|
|
+ <style>
|
|
|
|
|
+ * {
|
|
|
|
|
+ font-family: 'Microsoft YaHei', '微软雅黑', '黑体';
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ .main {
|
|
|
|
|
+ margin: 80px auto;
|
|
|
|
|
+ width: 300px;
|
|
|
|
|
+ color: #555;
|
|
|
|
|
+ }
|
|
|
|
|
+ .title{
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-weight: 600;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ color: #1E72FF;
|
|
|
|
|
+ line-height: 50px;
|
|
|
|
|
+ border-bottom:#DDD 1px solid;
|
|
|
|
|
+ margin-bottom:5px;
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .impoortant{
|
|
|
|
|
+ color: #1E72FF;
|
|
|
|
|
+ }
|
|
|
|
|
+ .hello{
|
|
|
|
|
+ line-height: 40px;
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .invite{
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info{
|
|
|
|
|
+ background-color: #EEE;
|
|
|
|
|
+ margin: 20px 0;
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info1{
|
|
|
|
|
+ padding-left: 10px;
|
|
|
|
|
+ border-left:#1E72FF 1px solid;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info2{
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ padding: 10px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info3{
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info2 span{
|
|
|
|
|
+ position:relative;
|
|
|
|
|
+ left: 40px;
|
|
|
|
|
+ color:#999;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info3 span{
|
|
|
|
|
+ position:relative;
|
|
|
|
|
+ left: 25px;
|
|
|
|
|
+ color:#999;
|
|
|
|
|
+ }
|
|
|
|
|
+ button{
|
|
|
|
|
+ background-color: #1E72FF;
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ color: white;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 40px;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ function join(){
|
|
|
|
|
+ console.log("点击了立即加入，但什么都没有发生");
|
|
|
|
|
+ }
|
|
|
|
|
+ </script>
|
|
|
|
|
+</head>
|
|
|
|
|
+
|
|
|
|
|
+<body>
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ <div class="title">云模管理平台</div>
|
|
|
|
|
+ <p class="hello">王二小您好！</p>
|
|
|
|
|
+ <p class="invite">陈晨 邀您参与 <span class="impoortant">南京火石闪信网络公司</span>的<span class="impoortant">face水杯</span>项目</p>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ <p class="info1">您的账户信息</p>
|
|
|
|
|
+ <p class="info2">手机号<span>16651112436</span></p>
|
|
|
|
|
+ <p class="info3">初始密码<span>000000</span></p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <button onclick="join()">立即加入</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</body>
|
|
|
|
|
+
|
|
|
|
|
+</html>
|
Reiskuchen