Skip to content

E
eduline
Commit 07ee99fa by 陈超
Options

T

parent 5d9c8892
Showing with 48 additions and 6 deletions
addons/theme/stv1/_static_w3g/css/common.css
...@@ -324,6 +324,32 @@ div::-webkit-scrollbar { ...@@ -324,6 +324,32 @@ div::-webkit-scrollbar {
background: rgba(163,228,96,0.5); 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 * Home
*/ */
......
apps/classroom/Tpl/default/Index/search_w3g.html
...@@ -106,16 +106,23 @@ ...@@ -106,16 +106,23 @@
style="padding-bottom: 0 !important;" style="padding-bottom: 0 !important;"
left-icon="__THEME__/img/serch@3x.png" left-icon="__THEME__/img/serch@3x.png"
@focus="onFocus" @focus="onFocus"
@search="onSearch"
shape="round" shape="round"
background="#ffffff" background="#ffffff"
placeholder="请输入关键词..."> placeholder="请输入关键词...">
</van-search> </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> </van-sticky>
<!-- 热门搜索 --> <!-- 热门搜索 -->
<div class="layout_v"> <div v-if="showHistory" class="layout_v">
<span class="search_hot_title text_12_400 color_999999">历史搜索：</span> <span class="search_hot_title text_12_400 color_999999">历史搜索：</span>
<div class="layout_h_wrap search_hot_title_flow"> <div class="layout_h_wrap search_hot_title_flow">
<volist name="video" id="vo"> <volist name="video" id="vo">
...@@ -130,8 +137,7 @@ ...@@ -130,8 +137,7 @@
</div> </div>
</div> </div>
<div class="search-bodyer"> <!-- <div class="search-bodyer">
<!-- 搜索 -->
<div class="goods-eac-box"> <div class="goods-eac-box">
<div class="eac-per-ens"> <div class="eac-per-ens">
<div class="aingstoit"> <div class="aingstoit">
...@@ -196,7 +202,6 @@ ...@@ -196,7 +202,6 @@
</div> </div>
</div> </div>
<!-- 热门搜索 -->
<div class="headlines"> <div class="headlines">
<h5>大家都在搜</h5> <h5>大家都在搜</h5>
<ul id="video_list"> <ul id="video_list">
...@@ -205,7 +210,7 @@ ...@@ -205,7 +210,7 @@
</volist> </volist>
</ul> </ul>
</div> </div>
</div> </div> -->
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
new Vue({ new Vue({
...@@ -213,7 +218,15 @@ ...@@ -213,7 +218,15 @@
data: function() { data: function() {
return { return {
keyword: "", keyword: "",
showHistory: true showHistory: true,
tab: 0,
options: [{
title: '视频'
},{
title: '真题'
},{
title: '实物'
}]
} }
}, },
methods: { methods: {
...@@ -222,6 +235,9 @@ ...@@ -222,6 +235,9 @@
}, },
onHotKeyword: function(keyword) { onHotKeyword: function(keyword) {
},
onSearch: function() {
this.showHistory = false
} }
} }
}) })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment