a1300399510@qq.com 提交于 2023/03/29 -16:40:01

src/components/HeaderNav.vue

@@ -10,12 +10,11 @@
         </div>
 
         <div class="right flexacenter">
-          <!-- <slot name="search"></slot> -->
           <search-box slot="search" :issearch="issearch"></search-box>
 
           <div class="head-more flexcenter" @click="headMorePopState = !headMorePopState">
             <div class="red-dot" v-if="false"></div>
-            <img class="head-more-icon" src="@/assets/img/headerNav/threeAcross.svg" />
+            <svg-icon icon-class="threeAcross" class-name="head-more-icon"></svg-icon>
           </div>
         </div>
 
@@ -48,13 +47,16 @@
 
           <div class="head-more-post flexcenter" @click.stop="$skipUrl('https://www.gter.net/bbs/post.html', false)">
             <div class="head-more-post-icon flexcenter">
-              <img class="head-more-post-img" src="@/assets/img/headerNav/addyellow.svg" />
+              <svg-icon icon-class="addyellow" class-name="head-more-post-img"></svg-icon>
             </div>
             发布帖子
           </div>
 
-          <img class="cross-icon" v-if="headMorePopState" @click="headMorePopState = !headMorePopState"
+          <div v-if="headMorePopState" @click="headMorePopState = !headMorePopState">
-            src="@/assets/img/headerNav/cross.svg" />
+            <svg-icon icon-class="cross" class-name="cross-icon"></svg-icon>
+          </div>
+
+
         </div>
       </div>
       <div class="head-pop" v-if="headMorePopState" @click="headMorePopState = !headMorePopState"></div>

src/views/search/searchResult/SearchResult.vue

@@ -1,7 +1,16 @@
 <template>
 	<div class="">
+		<!-- 搜索框 -->
+		<div class="search-input-box flexacenter">
+			<div class="search-input">
+				<img class="search-input-icon" src="">
+				<input />
+				<img class="search-input-cross">
 
 			</div>
+			<div class="search-input-cancel">取消</div>
+		</div>
+	</div>
 </template>
 
 <script>
@@ -18,6 +27,7 @@ export default {
 }
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
-
+.search-input-box {
+}
 </style>