Inicio Explorar Axuda
Rexistro Iniciar sesión
xiaojincai
/
yrxinterview
Seguir 1
Destacar 0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

样式

tanyanfei hai 2 meses
pai
9c48738e3b
achega
7c71d630d0
Modificáronse 6 ficheiros con 166 adicións e 152 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 8 5
      css/index.css
  2. 33 30
      detail.html
  3. 31 29
      index.html
  4. 31 29
      list.html
  5. 32 30
      login.html
  6. 31 29
      record.html

+ 8 - 5
css/index.css
Ver ficheiro 

@@ -10,14 +10,16 @@ body{
 
     background-color: #EEEDED;
 
 }
 
 header{
 
-    background-color: #FDC606;
 
+    width: 1200px;
 
     display: flex;
 
     line-height: 50px;
 
     height: 60px;
 
-    padding: 5px 15px;
 
+    padding: 5px 0;
 
     justify-content: space-between;
 
-    box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);
 
+    
+    margin: 0 auto;
 
 }
 
+
 
 .logo{
 
     /* width: 40px; */
 
     height: 100%;
 
@@ -32,8 +34,8 @@ header a{
 
     font-size: 14px;
 
 }
 
 .nav{
 
-    width: 1200px;
 
-    max-width: 55%;
 
+    /* width: 1200px; */
 
+    /* max-width: 55%; */
 
     /* text-align: center; */
 
 }
 
 .nav a{
 
@@ -379,6 +381,7 @@ footer li{
 
     width: 20%;
 
     color: #fff;
 
     line-height: 40px;
 
+    font-size: 14px;
 
 }
 
 footer a{
 
     display: block;

+ 33 - 30
detail.html
Ver ficheiro 

@@ -144,12 +144,13 @@
 
     }
 
     .sec_title{
 
         color: #0065D7;
 
-        font-size: 28px;
 
+        
         border-bottom: 1px solid #f5f5f5;
 
     }
 
     .sec_title span{
 
         border-bottom: 3px solid #0065D7;
 
         line-height: 30px;
 
+        
     }
 
     .avatar{
 
         width: 44px;
 
@@ -166,37 +167,39 @@
 
 
 <body>
 
     <section id="app">
 
-        <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">
 
-            </div>
 
-            <div class="nav">
 
-                <a class="act" href="/index.html">主页</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
-                <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
-                <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
-                <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
-            </div>
 
-            <div class="login">
 
-                <div class="pc">
 
-                    <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
-                    <div v-if="userInfo" class="menu">
 
-                        {{userInfo.name}}
 
-                        <ul>
 
-                            <li><a href="/record.html">我的刷题记录</a></li>
 
-                            <li @click="logout"><a>退出登录</a></li>
 
-                        </ul>
 
-                    </div>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+        <div style="background-color: #FDC606;box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);">
 
+            <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">
 
                 </div>
 
-                <div class="phone">
 
-                    <span v-if="userInfo">{{userInfo.name}}</span>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+                <div class="nav">
 
+                    <a class="act" href="/index.html">主页</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
+                    <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
+                    <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
+                    <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
                 </div>
 
-            </div>
 
-        </header>
 
+                <div class="login">
 
+                    <div class="pc">
 
+                        <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
+                        <div v-if="userInfo" class="menu">
 
+                            {{userInfo.name}}
 
+                            <ul>
 
+                                <li><a href="/record.html">我的刷题记录</a></li>
 
+                                <li @click="logout"><a>退出登录</a></li>
 
+                            </ul>
 
+                        </div>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                    <div class="phone">
 
+                        <span v-if="userInfo">{{userInfo.name}}</span>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                </div>
 
+            </header>
 
+        </div>
 
         <transition name="slide">
 
             <div class="slide" v-if="show">
 
                 <a class="act" href="/index.html">主页</a>

+ 31 - 29
index.html
Ver ficheiro 

@@ -15,37 +15,39 @@
 
 </style>
 
 <body>
 
     <section id="app">
 
-        <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">
 
-            </div>
 
-            <div class="nav">
 
-                <a class="act" href="/index.html">主页</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
-                <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
-                <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
-                <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
-            </div>
 
-            <div class="login">
 
-                <div class="pc">
 
-                    <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
-                    <div v-if="userInfo" class="menu">
 
-                        {{userInfo.name}}
 
-                        <ul>
 
-                            <li><a href="/record.html">我的刷题记录</a></li>
 
-                            <li @click="logout"><a>退出登录</a></li>
 
-                        </ul>
 
-                    </div>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+        <div style="background-color: #FDC606;box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);">
 
+            <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">
 
                 </div>
 
-                <div class="phone">
 
-                    <span v-if="userInfo">{{userInfo.name}}</span>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+                <div class="nav">
 
+                    <a class="act" href="/index.html">主页</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
+                    <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
+                    <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
+                    <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
                 </div>
 
-            </div>
 
-        </header>
 
+                <div class="login">
 
+                    <div class="pc">
 
+                        <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
+                        <div v-if="userInfo" class="menu">
 
+                            {{userInfo.name}}
 
+                            <ul>
 
+                                <li><a href="/record.html">我的刷题记录</a></li>
 
+                                <li @click="logout"><a>退出登录</a></li>
 
+                            </ul>
 
+                        </div>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                    <div class="phone">
 
+                        <span v-if="userInfo">{{userInfo.name}}</span>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                </div>
 
+            </header>
 
+        </div>
 
         <transition name="slide">
 
             <div class="slide" v-if="show">
 
                 <a class="act" href="/index.html">主页</a>

+ 31 - 29
list.html
Ver ficheiro 

@@ -22,37 +22,39 @@
 
 </style>
 
 <body>
 
     <section id="app">
 
-        <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">
 
-            </div>
 
-            <div class="nav">
 
-                <a class="act" href="/index.html">主页</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
-                <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
-                <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
-                <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
-                <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
-            </div>
 
-            <div class="login">
 
-                <div class="pc">
 
-                    <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
-                    <div v-if="userInfo" class="menu">
 
-                        {{userInfo.name}}
 
-                        <ul>
 
-                            <li><a href="/record.html">我的刷题记录</a></li>
 
-                            <li @click="logout"><a>退出登录</a></li>
 
-                        </ul>
 
-                    </div>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+        <div style="background-color: #FDC606;box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);">
 
+            <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">
 
                 </div>
 
-                <div class="phone">
 
-                    <span v-if="userInfo">{{userInfo.name}}</span>
 
-                    <a v-else href="/login.html">请先登录</a>
 
+                <div class="nav">
 
+                    <a class="act" href="/index.html">主页</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
+                    <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
+                    <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
+                    <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
+                    <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
                 </div>
 
-            </div>
 
-        </header>
 
+                <div class="login">
 
+                    <div class="pc">
 
+                        <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
+                        <div v-if="userInfo" class="menu">
 
+                            {{userInfo.name}}
 
+                            <ul>
 
+                                <li><a href="/record.html">我的刷题记录</a></li>
 
+                                <li @click="logout"><a>退出登录</a></li>
 
+                            </ul>
 
+                        </div>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                    <div class="phone">
 
+                        <span v-if="userInfo">{{userInfo.name}}</span>
 
+                        <a v-else href="/login.html">请先登录</a>
 
+                    </div>
 
+                </div>
 
+            </header>
 
+        </div>
 
         <transition name="slide">
 
             <div class="slide" v-if="show">
 
                 <a class="act" href="/index.html">主页</a>

+ 32 - 30
login.html
Ver ficheiro 

@@ -11,37 +11,39 @@
 
 </head>
 
 <body>
 
 <section id="app">
 
-    <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">
 
-        </div>
 
-        <div class="nav">
 
-            <a class="act" href="/index.html">主页</a>
 
-            <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
-            <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
-            <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
-            <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
-            <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
-        </div>
 
-        <div class="login">
 
-            <div class="pc">
 
-                <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
-                <div v-if="userInfo" class="menu">
 
-                    {{userInfo.name}}
 
-                    <ul>
 
-                        <li><a href="/record.html">我的刷题记录</a></li>
 
-                        <li @click="logout"><a>退出登录</a></li>
 
-                    </ul>
 
-                </div>
 
-                <a v-else href="/login.html">请先登录</a>
 
+    <div style="background-color: #FDC606;box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);">
 
+        <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">
 
             </div>
 
-            <div class="phone">
 
-                <span v-if="userInfo">{{userInfo.name}}</span>
 
-                <a v-else href="/login.html">请先登录</a>
 
+            <div class="nav">
 
+                <a class="act" href="/index.html">主页</a>
 
+                <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
+                <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
+                <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
+                <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
+                <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
             </div>
 
-        </div>
 
-    </header>
 
+            <div class="login">
 
+                <div class="pc">
 
+                    <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
+                    <div v-if="userInfo" class="menu">
 
+                        {{userInfo.name}}
 
+                        <ul>
 
+                            <li><a href="/record.html">我的刷题记录</a></li>
 
+                            <li @click="logout"><a>退出登录</a></li>
 
+                        </ul>
 
+                    </div>
 
+                    <a v-else href="/login.html">请先登录</a>
 
+                </div>
 
+                <div class="phone">
 
+                    <span v-if="userInfo">{{userInfo.name}}</span>
 
+                    <a v-else href="/login.html">请先登录</a>
 
+                </div>
 
+            </div>
 
+        </header>
 
+    </div>
 
     <transition name="slide">
 
         <div class="slide" v-if="show">
 
             <a class="act" href="/index.html">主页</a>
 
@@ -56,7 +58,7 @@
 
     </transition>
 
     <div class="content" style="justify-content: center;width: 930px;margin-bottom: 50px;">
 
         <p class="navtation"><a href="/index.html">首页</a> - {{showLogin?'登录页':'注册页'}}</p>
 
-        <div class="top_bg" style="height: 60vh;">
 
+        <div class="top_bg" style="min-height: 60vh;">
 
             
             <div class="signup">
 
                 <form v-if="!showLogin"  class="form reg" >

+ 31 - 29
record.html
Ver ficheiro 

@@ -23,37 +23,39 @@
 
 </style>
 
 <body>
 
 <section id="app">
 
-    <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">
 
-        </div>
 
-        <div class="nav">
 
-            <a class="act" href="/index.html">主页</a>
 
-            <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
-            <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
-            <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
-            <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
-            <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
-        </div>
 
-        <div class="login">
 
-            <div class="pc">
 
-                <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
-                <div v-if="userInfo" class="menu">
 
-                    {{userInfo.name}}
 
-                    <ul>
 
-                        <li><a href="/record.html">我的刷题记录</a></li>
 
-                        <li @click="logout"><a>退出登录</a></li>
 
-                    </ul>
 
-                </div>
 
-                <a v-else href="/login.html">请先登录</a>
 
+    <div style="background-color: #FDC606;box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);">
 
+        <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">
 
             </div>
 
-            <div class="phone">
 
-                <span v-if="userInfo">{{userInfo.name}}</span>
 
-                <a v-else href="/login.html">请先登录</a>
 
+            <div class="nav">
 
+                <a class="act" href="/index.html">主页</a>
 
+                <a href="https://match.yuanrenxue.cn/" target="_blank">爬虫逆向比赛</a>
 
+                <a href="https://match.yuanrenxue.cn/" target="_blank">采集进阶课程</a>
 
+                <a href="https://tool.yuanrenxue.cn/" target="_blank">采集分析工具</a>
 
+                <a href="https://appmatch.yuanrenxue.cn/" target="_blank">APP题目</a>
 
+                <a href="https://www.yuanrenxue.cn/" target="_blank">关于猿人学</a>
 
             </div>
 
-        </div>
 
-    </header>
 
+            <div class="login">
 
+                <div class="pc">
 
+                    <!-- <img width="30px" src="img/logo.jpg" alt="logo"> -->
 
+                    <div v-if="userInfo" class="menu">
 
+                        {{userInfo.name}}
 
+                        <ul>
 
+                            <li><a href="/record.html">我的刷题记录</a></li>
 
+                            <li @click="logout"><a>退出登录</a></li>
 
+                        </ul>
 
+                    </div>
 
+                    <a v-else href="/login.html">请先登录</a>
 
+                </div>
 
+                <div class="phone">
 
+                    <span v-if="userInfo">{{userInfo.name}}</span>
 
+                    <a v-else href="/login.html">请先登录</a>
 
+                </div>
 
+            </div>
 
+        </header>
 
+    </div>
 
     <transition name="slide">
 
         <div class="slide" v-if="show">
 
             <a class="act" href="/index.html">主页</a>