Home Verkennen Help
Registreren Inloggen
xiaojincai
/
yrxinterview
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Bladeren bron

4.14

tanyanfei 2 maanden geleden
bovenliggende
72e259610e
commit
0a56a1bd74
2 gewijzigde bestanden met toevoegingen van 31 en 4 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 27 2
      detail.html
  2. 4 2
      list.html

+ 27 - 2
detail.html
Bestand weergeven 

@@ -121,6 +121,7 @@
 
     }
 
     #list li a{
 
         color: #0065D7;
 
+        display: flex;
 
     }
 
     .part{
 
         padding: 25px;
 
@@ -172,7 +173,7 @@
 
                     <span v-if="detail.category=='crawler'">爬虫</span>
 
                     <span v-else-if="detail.category=='js'">JS</span>
 
                     <span v-else>安卓</span>面试题</a> - {{detail.name}}</p>
 
-            <div class="left search_left">
 
+            <div class="left search_left pc">
 
                 <div class="part">
 
                     <p class="search">
 
                         <img @click="search" width="20" src="img/search.png" alt="">
 
@@ -181,7 +182,8 @@
 
                     <ol class="list" id="list">
 
                         <li v-for="(item,i) in list" :key="item.interviewId" v-show="i<10">
 
                             <a
 
-                                :href="'/detail.html?cat='+param.category+'&id='+item.interviewId">{{item.name}}</a>
 
+                                :href="'/detail.html?cat='+param.category+'&id='+item.interviewId">
 
+                                <span>{{i+1}}、</span>{{item.name}}</a>
 
                         </li>
 
                     </ol>
 
                 </div>
 
@@ -240,6 +242,29 @@
 
                     </div>
 
                 </div>
 
             </div>
 
+            <div class="left search_left phone">
 
+                <div class="part">
 
+                    <p class="search">
 
+                        <img @click="search" width="20" src="img/search.png" alt="">
 
+                        <input  type="text" v-model="searchKeyword" @input="search" placeholder="题目搜索">
 
+                    </p>
 
+                    <ol class="list" id="list">
 
+                        <li v-for="(item,i) in list" :key="item.interviewId" v-show="i<10">
 
+                            <a
 
+                                :href="'/detail.html?cat='+param.category+'&id='+item.interviewId">
 
+                                <span>{{i+1}}、</span>{{item.name}}</a>
 
+                        </li>
 
+                    </ol>
 
+                </div>
 
+                <div class="part">
 
+                    <h2 class="sec_title"><span>贡献面试题</span></h2>
 
+                    <form class="form">
 
+                        <input v-model="name" type="text" placeholder="面试题目">
 
+                        <textarea v-model="content"></textarea>
 
+                        <button type="button" @click="post">提交</button>
 
+                    </form>
 
+                </div>
 
+            </div>
 
         </div>
 
     </section>
 
     <script src="js/public.js"></script>

+ 4 - 2
list.html
Bestand weergeven 

@@ -17,6 +17,7 @@
 
     }
 
     #list li a{
 
         color: #0065D7;
 
+        display: flex;
 
     }
 
 </style>
 
 <body>
 
@@ -80,8 +81,9 @@
 
             <div class="left">
 
                 <div class="part">
 
                     <ul class="list" id="list">
 
-                        <li v-for="item in list">
 
-                            <a :href="'/detail.html?cat='+parm.category+'&id='+item.interviewId">{{item.name}}</a>
 
+                        <li v-for="(item,i) in list">
 
+                            <a :href="'/detail.html?cat='+parm.category+'&id='+item.interviewId">
 
+                                <span>{{i+1}}、</span>{{item.name}}</a>
 
                         </li>
 
                     </ul>
 
                     <p class="page">