uniapp实现机票查询切换功能源代码

<template>
  <view>
    <view @tap="changeSearchType('flight')" :class="{ active: searchType === 'flight' }">机票查询</view>
    <view @tap="changeSearchType('train')" :class="{ active: searchType === 'train' }">火车票查询</view>

    <view v-if="searchType === 'flight'">
      <!-- 机票查询页面代码 -->
    </view>

    <view v-else-if="searchType === 'train'">
      <!-- 火车票查询页面代码 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      searchType: 'flight'
    };
  },
  methods: {
    changeSearchType(type) {
      this.searchType = type;
    }
  }
};
</script>

<style>
.active {
  color: #ff0000;
}
</style>

以上是一个简单的uniapp实现机票查询切换功能的源代码。在页面中有两个选择选项，分别对应机票查询和火车票查询，点击不同的选项会切换到相应的查询页面。在data中定义了searchType来表示当前的查询类型，在方法中通过changeSearchType函数来切换查询类型。根据不同的查询类型来展示不同的查询页面。