<template>
  <view class="app-content">
    <view class="nav">
      <liu-search @fall="fall" :hotList="hotList" :historyList="historyList" @input="input" @change="change" @changes = 'changes'></liu-search>
    </view>
  </view>
</template>
<script>
	import Nav from '../../components/header/nav.vue'
	export default {
		data() {
			return {
				navname: '我的记录',
        hotList: ['HU7410', 'HU7410', 'HU7410', 'HU7410', 'HU7410', 'HU7410', 'HU7410'],//热门搜索
        historyList: ['HU7410','HU7410','HU7410','HU7410']
			}
		},
		created(option) {
		},
		onLoad(){
		},
		onUnload() {
		},
		onShow() {
		},
		mounted() {
		},
		components: {
			Nav
		},
		methods: {
      fall () {
        uni.switchTab({
					url: "/pages/index/index"
				})
      },
      changes () {
        uni.redirectTo({
					url: "/pages/myrecords/index"
				})
      },
           //搜索内容
      change(e) {
        console.log('搜索内容：' + e)
        uni.redirectTo({
					url: "/pages/flightdetails/index"
				})
      },
      //input事件
      input(e){
          console.log('搜索框输入的内容：' + e)
      },
		},
	}
</script>

<style lang="scss" scoped>
.app-content{
  >.nav{
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 1.875rem;
    >.log{
      width: .375rem;
      height: .75rem;
      font-size: .75rem;
      position: absolute;
      left: 1.5rem;
      background: url('../../static/ico@1x.png') no-repeat;
      background-size: 100% 100%;
    }
  }
}
</style>