<template>
  <div>
    <h2>电动汽车</h2>
    <p>单位:电费/服务</p>
    <el-button style="margin: 5px 5px 5px 0" type="info" disabled
      >0:00 - 7:00 电费:1.54元/ 服务费:0元</el-button
    >
    <el-button type="success" disabled style="margin: 5px 5px 5px 0"
      >7:00 - 9:00 1.65/0</el-button
    >
    <el-button style="margin: 5px 5px 5px 0" type="primary" disabled
      >9:00 - 11:30 2/0</el-button
    >
    <el-button type="success" disabled style="margin: 5px 5px 5px 0"
      >11:30 - 14:00 1.65/0</el-button
    >
    <el-button style="margin: 5px 5px 5px 0" type="primary" disabled
      >14:00 - 16:30 2/0</el-button
    >
    <el-button type="success" disabled style="margin: 5px 5px 5px 0"
      >16:30 - 19:00 1.65/0</el-button
    >
    <el-button style="margin: 5px 5px 5px 0" type="primary" disabled
      >19:00 - 21:00 2/0</el-button
    >
    <el-button type="success" disabled style="margin: 5px 5px 5px 0"
      >21:00 - 24:00 1.65/0</el-button
    >

    <h2>电动自行车</h2>
    <el-row>
      <el-button type="success" disabled>00:00 - 12:00 1元4小时</el-button>
      <el-button type="danger" disabled>12:00 - 24:00 1元2小时</el-button>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.el-button --sucess {
  margin-left: 30px;
}
</style>
