前端工作小结71-修改首页布局样式

<el-card  style="width: 100%;height: 400px;">
        <el-carousel :interval="3000" indicator-position="outside">
          <el-carousel-item v-for="(item,index) in task"  :key="index">
            <div style="display: flex;justify-content: space-between">
              <span style="float:left;margin-top: 34px;margin-left: 20%;width: 86px;font-size: 21px">等待处理</span>
                <el-button  style="float: right;margin-top: 14px;margin-right: 20%;" type="primary" @click="ListClick">查看更多</el-button>
            </div>
          <div style="clear: both">
            <h1 style="margin-top:32px;float:left;width: 423px;height: 26px;margin-left: 20%;font-weight: bold;font-size: 40px">订单名称:{{item.name}}</h1>
            <p style="float: right;margin-right: 30%;margin-top: 10px;font-size: 40px">状态:{{item.status_name}}</p>
            </div>
            <div style="clear: both">
              <p style="float:left;width: 275px;height: 21px;margin-left:20%;">创建时间:{{item.created_at}}</p>
            </div>
            <div style="clear: both">
                <p style="float:left;width: 275px;height: 21px;margin-left: 20%;">账号:{{item.account.name}}</p>
            </div >
            <el-button type="primary"  style="width:200px;height:60px;background-color:blue;float: right;margin-right: 20%" @click="ListClick">去审核</el-button>
          </el-carousel-item>
        </el-carousel>
    </el-card>