tanyanfei 2 mesi fa
parent
commit
0c6be38f39
7 ha cambiato i file con 34 aggiunte e 18 eliminazioni
  1. 16 4
      css/index.css
  2. 1 1
      css/login.css
  3. 4 3
      detail.html
  4. 3 2
      index.html
  5. 6 6
      list.html
  6. 2 1
      login.html
  7. 2 1
      record.html

+ 16 - 4
css/index.css

@@ -19,7 +19,19 @@ header{
     
     margin: 0 auto;
 }
-
+.user_avatar{
+    width: 44px;
+    height: 40px;
+        border-radius: 50%;
+        background-color: #000;
+        margin-left: 5px;
+        line-height: 40px;
+        text-align: center;
+        font-weight: 600;
+        font-size: 13px;    
+        display: inline-block;
+        color: #fff;
+}
 .logo{
     /* width: 40px; */
     height: 100%;
@@ -77,7 +89,7 @@ header a{
     display: inline-block;
     position: relative;
     padding: 0 10px;
-    width: 100px;
+    /* width: 100px; */
     cursor: pointer;
 }
 .menu:hover ul{
@@ -299,13 +311,13 @@ input::-webkit-input-placeholder{
     border: 2px solid #3473F6;
 }
 .form button{
-    width: 150px;
+    width: 100%;
     height: 40px;
     border: none;
     background-color: #000;
     color: #fff;
     font-weight: 600;
-    border-radius: 3px;
+    border-radius: 10px;
     outline: none;
 }
 .form button:hover{

+ 1 - 1
css/login.css

@@ -52,7 +52,7 @@ body{
 .reg button{
     display: block;
     margin: 10px auto;
-    background-color: #F6C845;
+    background-color: #000;
     width: 200px;
     border-radius: 10px;
 }

+ 4 - 3
detail.html

@@ -171,7 +171,7 @@
             <header>
                 <div class="left_nav">
                     <img @click="show=!show" class="phone" width="30" src="img/menu.png" alt="">
-                    <img class="logo" src="img/logo.png" alt="logo">
+                    <a href="/index.html"><img class="logo" src="img/logo.png" alt="logo"></a>
                 </div>
                 <div class="nav">
                     <a class="act" href="/index.html">主页</a>
@@ -185,6 +185,7 @@
                     <div class="pc">
                         <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
                         <div v-if="userInfo" class="menu">
+                            <span class="user_avatar">{{userInfo.name[0]}}</span>
                             {{userInfo.name}}
                             <ul>
                                 <li><a href="/record.html">我的刷题记录</a></li>
@@ -260,8 +261,8 @@
                 <div class="part">
                     <h2 class="sec_title"><span>讨论回答</span></h2>
                     <div style="display: flex;">
-                        <span class="avatar"  :style="{background:getColor()}">
-                            {{userInfo?userInfo.name[0]:'x'}}
+                        <span class="avatar"  :style="{background:'#d9d9d9'}">
+                            {{userInfo?userInfo.name[0]:''}}
                         </span>
                         <div class="login_div" v-if="!userInfo" style="width: 90%;">
                             <button @click="login">你需要<span>注册/登录</span>才可以分享内容哦</button>

+ 3 - 2
index.html

@@ -19,7 +19,7 @@
             <header>
                 <div class="left_nav">
                     <img @click="show=!show" class="phone" width="30" src="img/menu.png" alt="">
-                    <img class="logo" src="img/logo.png" alt="logo">
+                    <a href="/index.html"><img class="logo" src="img/logo.png" alt="logo"></a>
                 </div>
                 <div class="nav">
                     <a class="act" href="/index.html">主页</a>
@@ -33,6 +33,7 @@
                     <div class="pc">
                         <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
                         <div v-if="userInfo" class="menu">
+                            <span class="user_avatar">{{userInfo.name[0]}}</span>
                             {{userInfo.name}}
                             <ul>
                                 <li><a href="/record.html">我的刷题记录</a></li>
@@ -108,7 +109,7 @@
             </div>
             <div class="right">
                 <div class="part">
-                    <h2 class="sec_title"><span>面试排行榜</span>  <a href="">更多</a></h2>
+                    <h2 class="sec_title"><span>面试排行榜</span>  </h2>
                     <ul class="list list_100">
                         <li v-for="item in top"><a :href="'/record.html?cid='+item.cid">{{item.cname}}</a><span>{{item.count}}</span></li>
                     </ul>

+ 6 - 6
list.html

@@ -26,7 +26,7 @@
             <header>
                 <div class="left_nav">
                     <img @click="show=!show" class="phone" width="30" src="img/menu.png" alt="">
-                    <img class="logo" src="img/logo.png" alt="logo">
+                    <a href="/index.html"><img class="logo" src="img/logo.png" alt="logo"></a>
                 </div>
                 <div class="nav">
                     <a class="act" href="/index.html">主页</a>
@@ -40,6 +40,7 @@
                     <div class="pc">
                         <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
                         <div v-if="userInfo" class="menu">
+                            <span class="user_avatar">{{userInfo.name[0]}}</span>
                             {{userInfo.name}}
                             <ul>
                                 <li><a href="/record.html">我的刷题记录</a></li>
@@ -84,9 +85,8 @@
             </div>
             <p class="navtation"><a href="/index.html">回到首页</a> - 
                 <span v-if="parm.category=='crawler'">爬虫</span>  
-                <span v-else-if="parm.category=='js'">JS</span>
-                <span v-else>安卓</span>  
-                面试题</p>
+                <span v-else-if="parm.category=='js'">JS逆向</span>
+                <span v-else>安卓逆向</span>面试题</p>
             <div class="left">
                 <div class="part">
                     <ul class="list" id="list">
@@ -104,9 +104,9 @@
             </div>
             <div class="right">
                 <div class="part">
-                    <h2 class="sec_title"><span>面试排行榜</span>  <a href="">更多</a></h2>
+                    <h2 class="sec_title"><span>面试排行榜</span></h2>
                     <ul class="list list_100">
-                        <li v-for="item in top"><a href="">{{item.cname}}</a><span>{{item.count}}</span></li>
+                        <li v-for="item in top"><a>{{item.cname}}</a><span>{{item.count}}</span></li>
                     </ul>
                 </div>
                 <div class="part">

+ 2 - 1
login.html

@@ -15,7 +15,7 @@
         <header>
             <div class="left_nav">
                 <img @click="show=!show" class="phone" width="30" src="img/menu.png" alt="">
-                <img class="logo" src="img/logo.png" alt="logo">
+                <a href="/index.html"><img class="logo" src="img/logo.png" alt="logo"></a>
             </div>
             <div class="nav">
                 <a class="act" href="/index.html">主页</a>
@@ -160,6 +160,7 @@
                 }
                 axios.post(url + '/api/account/regist', this.form)
                     .then(res => {
+                        // alert('注册成功');
                         localStorage.setItem('token',res.data.data.token);
                         this.getUser();
                         window.location.href = '/index.html';

+ 2 - 1
record.html

@@ -27,7 +27,7 @@
         <header>
             <div class="left_nav">
                 <img @click="show=!show" class="phone" width="30" src="img/menu.png" alt="">
-                <img class="logo" src="img/logo.png" alt="logo">
+                <a href="/index.html"><img class="logo" src="img/logo.png" alt="logo"></a>
             </div>
             <div class="nav">
                 <a class="act" href="/index.html">主页</a>
@@ -41,6 +41,7 @@
                 <div class="pc">
                     <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
                     <div v-if="userInfo" class="menu">
+                        <span class="user_avatar">{{userInfo.name[0]}}</span>
                         {{userInfo.name}}
                         <ul>
                             <li><a href="/record.html">我的刷题记录</a></li>