new

public/web/index.html

@@ -41,20 +41,20 @@
       <div class="cont">
         <!-- 头像 -->
         <div class="portrait">
-          <img class="pic" src="./pic(1).jpg" />
-          <img class="vip" src="./images/vip@2x.png" />
+          <img class="pic" id="avatar" src="./pic(1).jpg" />
+          <img class="vip" id="is_vip" src="./images/vip@2x.png" />
         </div>
         <!-- 信息 -->
         <div class="proinfo">
           <!-- 昵称 -->
           <div class="nickname">
-            <p class="txt">wuli星</p>
-            <div class="auth">女神认证</div>
+            <p class="txt" id="nickname">wuli星</p>
+            <div class="auth" id="is_autn">女神认证</div>
           </div>
           <!-- 距离 -->
-          <p class="distance">距Ta&nbsp;0.8km</p>
+<!--          <p class="distance">距Ta&nbsp;0.8km</p>-->
           <!-- 其他信息 -->
-          <p class="other">北京市&nbsp;女&nbsp;168/52kg</p>
+          <p class="other" id="info">北京市&nbsp;女&nbsp;168/52kg</p>
         </div>
       </div>
     </div>
@@ -102,137 +102,9 @@
       <!-- 标签 -->
       <div class="tab-box tags">
         <div class="title">标签</div>
-        <div class="list">
-          <div class="list-item">吃火锅</div>
-          <div class="list-item">乒乓球</div>
-          <div class="list-item">跑步</div>
-          <div class="list-item">熬夜冠军</div>
-          <div class="list-item">跑步</div>
-        </div>
+        <div class="list" id="hobby"></div>
       </div>
-      <!-- 评价 -->
-      <!-- <div class="tab-box">
-        <div class="title">评价(23) <p>综合评分3.0</p></div>
-        <div class="star-box">
-          <div class="box">
-            <div class="item">
-              <div class="type">形象</div>
-              <div class="stars">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star.png" alt="">
-                <img src="./images/star.png" alt="">
-              </div>
-            </div>
-            <div class="item">
-              <div class="type">诚信</div>
-              <div class="stars">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star.png" alt="">
-                <img src="./images/star.png" alt="">
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <div class="item">
-              <div class="type">真人</div>
-              <div class="stars">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star.png" alt="">
-                <img src="./images/star.png" alt="">
-              </div>
-            </div>
-            <div class="item">
-              <div class="type">有趣</div>
-              <div class="stars">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star_full.png" alt="">
-                <img src="./images/star.png" alt="">
-                <img src="./images/star.png" alt="">
-              </div>
-            </div>
-          </div>
-        </div>
-      </div> -->
     </div>
-    <!-- 动态 -->
-    <!-- <div class="tab tab-post">
-      <div class="list">
-        列表项
-        <div class="list-item">
-          <img src="/pic1.png" alt="" class="head">
-          <div class="right">
-            昵称
-            <div class="nickname">
-              <p class="txt">来自模型星期<img src="/images/vip1@2x.png" alt=""></p>
-              <div class="other">
-                <p>男.20岁&nbsp;互联网&nbsp;188cm.70kg</p>
-                <p>3分钟前</p>
-              </div>
-            </div>
-            文字
-            <p class="post-detail">挠头，不说找对象，怎么在橙路上找个可以聊天的朋友都这么难啊？<br />不知道大家怎么看主动找你聊的人啊？<br />做个主动的人好难啊</p>
-            地址
-            <div class="address">
-              <img src="./images/address@2x.png" alt="" />
-              <p class="txt">北京市&nbsp;1.3km</p>
-            </div>
-            话题
-            <div class="toc">
-              <div class="item">
-                <img src="./images/toc@2x.png" alt="" />
-                <p class="txt">约酒</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        列表项
-        <div class="list-item">
-          <img src="/pic1.png" alt="" class="head">
-          <div class="right">
-            昵称
-            <div class="nickname">
-              <p class="txt">来自模型星期</p>
-              <div class="other">
-                <p>男.20岁&nbsp;互联网&nbsp;188cm.70kg</p>
-                <p>3分钟前</p>
-              </div>
-            </div>
-            图片
-            <div class="pictures">
-              <img class="item" src="/pic1.png" alt="">
-              <img class="item" src="/pic1.png" alt="">
-              <img class="item" src="/pic1.png" alt="">
-              <img class="item" src="/pic1.png" alt="">
-              <img class="item" src="/pic1.png" alt="">
-              <img class="item" src="/pic1.png" alt="">
-            </div>
-            文字
-            <p class="post-detail">挠头，不说找对象，怎么在橙路上找个可以聊天的朋友都这么难啊？<br />不知道大家怎么看主动找你聊的人啊？<br />做个主动的人好难啊</p>
-            地址
-            <div class="address">
-              <img src="./images/address@2x.png" alt="" />
-              <p class="txt">北京市&nbsp;1.3km</p>
-            </div>
-            话题
-            <div class="toc">
-              <div class="item">
-                <img src="./images/toc@2x.png" alt="" />
-                <p class="txt">约酒</p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div> -->
-
-    <!-- 去注册按钮 -->
     <div class="btn"></div>
   </div>
 
@@ -253,6 +125,30 @@
         success: function (res) {
            console.log(res)
             //$('.neir').append(res.data.content);
+            var hobby_con = "";
+            if(res.hobby.length()>0){
+                for (var i=0;i<res.hobby.length;i++) {
+                    hobby_con += '<div class="list-item">'+res.hobby[i]+'</div>';
+                }
+            }
+            $('#hobby').html(hobby_con);
+            $('#avatar').attr('src',res.avatar);
+            $('#nickname').attr('src',res.nickname);
+            if(res.is_vip==1){
+                $('#is_vip').hide();
+            }else{
+                $('#is_vip').show();
+            }
+            if(res.is_auth>0){
+                if(res.is_auth==1){
+                    $('#is_auth').html('真人认证');
+                }else{
+                    $('#is_auth').html('女神认证');
+                }
+            }else{
+                $('#is_vip').hide();
+            }
+
         }
     })