Commit 0fd36aa6 by 陈超

T

parent d491d6a5
...@@ -17,6 +17,12 @@ div::-webkit-scrollbar { ...@@ -17,6 +17,12 @@ div::-webkit-scrollbar {
padding-bottom: 4.125rem; padding-bottom: 4.125rem;
} }
.layout_h_wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.layout_v { .layout_v {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -500,3 +506,22 @@ div::-webkit-scrollbar { ...@@ -500,3 +506,22 @@ div::-webkit-scrollbar {
.van-cell:not(:last-child)::after { .van-cell:not(:last-child)::after {
left: 0 !important; left: 0 !important;
} }
/* Search */
.search_hot_title {
}
.search_hot_title_flow {
padding-top: 0.75rem;
padding-left: 0.75rem;
}
.search_flex_item {
height:32px;
background:rgba(245,245,245,1);
border-radius:16px;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.4375rem 0.75rem;
}
\ No newline at end of file
...@@ -104,6 +104,7 @@ ...@@ -104,6 +104,7 @@
v-model="keyword" v-model="keyword"
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"
shape="round" shape="round"
background="#ffffff" background="#ffffff"
placeholder="请输入关键词..."> placeholder="请输入关键词...">
...@@ -112,6 +113,19 @@ ...@@ -112,6 +113,19 @@
</van-sticky> </van-sticky>
<!-- 热门搜索 -->
<div class="layout_v">
<span class="text_12_400 color_999999">历史搜索:</span>
<div class="layout_h_wrap search_hot_title_flow">
<volist name="video" id="vo">
<div @click="onHotKeyword({$vo.video_title|mStr=10})" class="search_flex_item layout_center">
<span class="text_14_400 color_999999">{$vo.video_title|mStr=10}</span>
</div>
<!-- <li><a <eq name="vo.type" value="1">href="{:U('course/Video/view',array('id'=>$vo['id']))}"<else/>href="{:U('live/Index/view',array('id'=>$vo['id']))}"</eq>>{$vo.video_title|mStr=10}</a></li> -->
</volist>
</div>
</div>
</div> </div>
</div> </div>
...@@ -197,12 +211,18 @@ ...@@ -197,12 +211,18 @@
el: '#app', el: '#app',
data: function() { data: function() {
return { return {
keyword: "" keyword: "",
showHistory: true
} }
}, },
methods: { methods: {
onFocus: function() {
this.showHistory = true
},
onHotKeyword: function(keyword) {
} }
}
}) })
</script> </script>
</html> </html>
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<!--search--> <!--search-->
<a href="{:U('classroom/Index/search')}"> <a href="{:U('classroom/Index/search')}">
<van-search style="padding-bottom: 0 !important;" left-icon="__THEME__/img/serch@3x.png" readonly shape="round" <van-search style="padding-bottom: 0 !important;" left-icon="__THEME__/img/serch@3x.png" readonly shape="round"
background="#FBFFF7" placeholder="搜索课程..."> background="#FFFFFF" placeholder="搜索课程...">
</van-search> </van-search>
</a> </a>
......
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