工作155:首页样式调整第二次

    <el-card>
      <h1 style="float: left;margin-top: 34px;margin-left: 32px;">我的订单</h1>
      <el-button  size="mini" style="float: right;margin-top: 14px;margin-right: 10px;" type="primary" @click="ListClick" >订单列表</el-button>
      <div style="clear: both;display: flex;justify-content: center">
        <ul  style="float:left;">
          <li style="float:left;list-style: none;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.completed}}</h1><h1 style="text-align: center;">待审核:</h1></li>
          <li style="float:left;list-style: none;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.release}}<h1 style="text-align: center;">待修改:</h1></h1></li>
          <li style="float:left;list-style: none;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.returned}}<h1 style="text-align: center;">进行中:</h1></h1></li>
          <li style="float:left;list-style: none;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.underway}}<h1 style="text-align: center;">待结算:</h1></h1></li>
          <li style="float:left;list-style: none;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.wait_confirm}}</h1><h1 style="text-align: center;">已完成:</h1></li>
          <li style="float:left;list-style: none;;width: 300px;text-align: center"><h1 style="text-align: center">{{task_status.wait_relevance}}</h1><h1 style="text-align: center;">已取消:</h1></li>
        </ul>
      </div>
    </el-card>

运行结果