el-card 火车票

`el-card` 是 Element UI 中的一个组件，它提供了一个卡片样式的设计用于布局内容。在 Vue.js 的项目中，你可以使用 `el-card` 来创建卡片式视图，比如信息展示、面板等场景。如果要在火车票相关的应用中使用，可以将 `el-card` 结合其他 Element UI 组件，如 `el-form` 显示车次、价格信息，`el-date-picker` 选择出发和到达日期等。

例如：

<template>
  <el-card>
    <div class="card-header">火车票信息</div>
    <div class="card-body">
      <el-form :model="trainInfo">
        <el-form-item label="出发站">
          <el-input v-model="trainInfo.originStation"></el-input>
        </el-form-item>
        <el-form-item label="到达站">
          <el-input v-model="trainInfo.destinationStation"></el-input>
        </el-form-item>
        <el-form-item label="出发日期">
          <el-date-picker v-model="trainInfo.departureDate" type="date"></el-date-picker>
        </el-form-item>
        <!-- 更多火车票信息字段 -->
      </el-form>
    </div>
  </el-card>
</template>

<script>
export default {
  data() {
    return {
      trainInfo: {
        originStation: '',
        destinationStation: '',
        departureDate: '',
        // 其他火车票详情
      }
    };
  },
  // ...其他生命周期钩子和方法
};
</script>