feat:预约须知

@@ -12,6 +12,7 @@
     line-height: 25px;
     line-height: 25px;
     background: #FAFAFA;
     background: #FAFAFA;
     border: 1px solid #E6E6E6;
     border: 1px solid #E6E6E6;
+    box-sizing: border-box;
 }
 }
 .navigation_crumbs .layui-breadcrumb a:hover {
 .navigation_crumbs .layui-breadcrumb a:hover {
     color: #f46143!important;
     color: #f46143!important;

@@ -9,7 +9,6 @@
     height: 100px;
     height: 100px;
     padding: 20px;
     padding: 20px;
     box-sizing: border-box;
     box-sizing: border-box;
-    background-color: #7ed3df;
 }
 }
 .personal_information img {
 .personal_information img {
     width: 60px;
     width: 60px;
@@ -56,9 +55,7 @@
     height: 100%;
     height: 100%;
     border: 1px solid #E6E6E6;
     border: 1px solid #E6E6E6;
     box-sizing: border-box;
     box-sizing: border-box;
-}
-.business_module li:nth-child(5n+5) a{
-    padding-right: 0;
+    padding-left: 20px;
 }
 }
 .business_module li a:hover {
 .business_module li a:hover {
     color: #f46143;
     color: #f46143;

@@ -63,7 +63,7 @@
     </div>
     </div>
     <!-- -----------------------------------个人中心模块---------------------------------------------- -->
     <!-- -----------------------------------个人中心模块---------------------------------------------- -->
     <div class="personal_center contentBox">
     <div class="personal_center contentBox">
-        <div class="personal_information">
+        <div class="personal_information layui-bg-gray">
             <img src="../../staticImages/logo-realestate.png" alt="个人中心">
             <img src="../../staticImages/logo-realestate.png" alt="个人中心">
             <ul>
             <ul>
                 <li>
                 <li>
@@ -97,7 +97,7 @@
                 </a>
                 </a>
             </li>
             </li>
             <li>
             <li>
-                <a href="">
+                <a href="../wdyy/index.html">
                     我的预约
                     我的预约
                 </a>
                 </a>
             </li>
             </li>

+.navigation_crumbs {
+    height: 45px;
+}
 .perinfo {
 .perinfo {
-
+    height: 100px;
+    padding: 20px;
+    box-sizing: border-box;
+}
+.perinfo_left{
+    float: left;
+}
+.perinfo_left img {
+    width: 60px;
+    height: 60px;
+    float: left;
+}
+.perinfo_left ul {
+    float: left;
+    margin-left: 20px;
+    margin-top: 5px;
+}
+.perinfo_left ul li {
+    margin-bottom: 10px;
+    font-size: 16px;
+}
+.perinfo_left ul li p{
+    display: inline-block;
+}
+.my_appointment {
+    color: #5FB878;
+    border: 2px solid#5FB878;
+    font-size: 20px;
+    display: inline-block;
+    padding: 5px 10px;
+    border-radius: 5px;
+    margin-left: 20%;
+    margin-top: 10px;
+}
+.my_appointment:hover {
+    color: #f46143;
+    border-color: #f46143;
+}
+.time {
+    float: right;
+    margin-top: 20px;
 }
 }
-.perinfo_left  
\ No newline at end of file
+/* ----------------预约列表-------------------- */
+.appointment_list {
+    
+}
\ No newline at end of file

+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [
+        {
+            "username": "user-0",
+            "sex": "女",
+            "city": "城市-0",
+            "sign": "签名-0",
+            "experience": 255,
+            "logins": 24,
+            "wealth": 82830700,
+            "classify": "作家",
+            "score": 57,
+            "state": 1
+        },
+        {
+            "username": "user-1",
+            "sex": "男",
+            "city": "城市-1",
+            "sign": "签名-1",
+            "experience": 884,
+            "logins": 58,
+            "wealth": 64928690,
+            "classify": "词人",
+            "score": 27,
+            "state": 1
+        },
+        {
+            "username": "user-2",
+            "sex": "女",
+            "city": "城市-2",
+            "sign": "签名-2",
+            "experience": 650,
+            "logins": 77,
+            "wealth": 6298078,
+            "classify": "酱油",
+            "score": 31,
+            "state": 0
+        }
+    ]
+}
\ No newline at end of file

+.navigation_crumbs {
+    height: 45px;
+}
+.appointment_notice {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+.app_progress li {
+    padding: 0 30px;
+    line-height: 40px;  
+    background: #eee;  
+    display: inline-block;   
+    color: #fff;  
+    position: relative;  
+    color: black;
+}
+.app_progress li:after{  
+    content: '';  
+    display: block;  
+    border-top: 20px solid #fff;  
+    border-bottom: 20px solid #fff;
+    border-left: 12px solid #eee;  
+    position: absolute;   
+    right:0;   
+    top: 0;  
+}
+.active {
+    background-color: #1E9FFF!important;
+    color: #fff!important;
+}
+.app_progress li.active:after {  
+    border-left-color: #1E9FFF;  
+}
+.line {
+    width: 80px;
+    height: 0;
+    display: inline-block;
+    border-bottom: 2px dotted#dddddd;
+    margin-bottom: 4px;
+}
+.clause p {
+    line-height: 26px;
+}
+.clause .date {
+    overflow: hidden;
+    margin: 20px 0;
+}
+.clause .date ul {
+    width: 200px;
+    text-align: center;
+    float: right;
+}
+.confim_input {
+    text-align: center;
+}
+.next_button {
+    text-align: center;
+    margin: 20px auto;
+}
\ No newline at end of file