T

addons/theme/stv1/_static_w3g/css/common.css

@@ -324,6 +324,32 @@ div::-webkit-scrollbar {
 	background: rgba(163,228,96,0.5);
 }
 
+.tab_container {
+	height: 2.25rem;
+	display: flex;
+	flex-direction: row;
+}
+
+.tab_item_normal {
+	flex-grow: 1;
+	width: 0;
+	align-items: center;
+	justify-content: center;
+	font-size:14px;
+	font-weight:400;
+	color:rgba(51,51,51,1);
+}
+
+.tab_item_selected {
+	flex-grow: 1;
+	width: 0;
+	align-items: center;
+	justify-content: center;
+	font-size:14px;
+	font-weight:600;
+	color:rgba(101,192,0,1);
+}
+
 /*
  * Home
  */

apps/classroom/Tpl/default/Index/search_w3g.html

@@ -106,16 +106,23 @@
 						style="padding-bottom: 0 !important;" 
 						left-icon="__THEME__/img/serch@3x.png"
 						@focus="onFocus"
+						@search="onSearch"
 						shape="round"
 						background="#ffffff" 
 						placeholder="请输入关键词...">
 						
 					</van-search>
 					
+					<div v-if="!showHistory" class="tab_container">
+						<div @click="onTab" v-for="(opt, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'">
+							<span>{{opt.title}}</span>
+						</div>
+					</div>
+					
 				</van-sticky>
 				
 				<!-- 热门搜索 -->
-				<div class="layout_v">
+				<div v-if="showHistory" class="layout_v">
 				    <span class="search_hot_title text_12_400 color_999999">历史搜索：</span>
 					<div class="layout_h_wrap search_hot_title_flow">
 						<volist name="video" id="vo">
@@ -130,8 +137,7 @@
 			</div>
 				
 		</div>
-        <div class="search-bodyer">
-            <!-- 搜索 -->
+        <!-- <div class="search-bodyer">
             <div class="goods-eac-box">
                 <div class="eac-per-ens">
                     <div class="aingstoit">
@@ -196,7 +202,6 @@
                 </div>
             </div>
 
-            <!-- 热门搜索 -->
            <div class="headlines">
                 <h5>大家都在搜</h5>
                 <ul id="video_list">
@@ -205,7 +210,7 @@
                     </volist>
                 </ul>
             </div>
-        </div>
+        </div> -->
     </body>
 	<script type="text/javascript">
 		new Vue({
@@ -213,7 +218,15 @@
 			data: function() {
 				return {
 					keyword: "",
-					showHistory: true
+					showHistory: true,
+					tab: 0,
+					options: [{
+						title: '视频'
+					},{
+						title: '真题'
+					},{
+						title: '实物'
+					}]
 				}
 			},
 			methods: {
@@ -222,6 +235,9 @@
 				},
 				onHotKeyword: function(keyword) {
 					
+				},
+				onSearch: function() {
+					this.showHistory = false
 				}
 			}
 		})