前端工作小结75-修改表头按钮样式

最新推荐文章于 2023-03-17 16:01:56 发布

前端歌谣

最新推荐文章于 2023-03-17 16:01:56 发布

阅读量108

点赞数

文章标签：前端 vue.js elementui

本文链接：https://blog.csdn.net/qq_41632427/article/details/126670831

版权

前端-工作简单记录-工作专栏收录该内容

332 篇文章 4 订阅

订阅专栏

 <el-card>
      <div style="display: flex;justify-content: space-between">
      <h1 style="float: left;margin-top: 34px;margin-left: 32px;">我的任务</h1>
      <el-button   style="float: right;margin-top: 14px;margin-right: 10px;" type="primary" @click="TaskClick" >任务列表</el-button>
      </div>
      <div  style="width: 100%;clear: both;display: flex;justify-content: center">
        <ul  style="float:left;width: 100%;">
          <li style="float:left;list-style: none;width: 16%;border-right:1px solid  #000000;text-align: center"><h1  style="font-size:30px;text-align: center">{{task_status.completed}}</h1><h1 style="font-size:20px;text-align: center;">待审核</h1></li>
          <li style="float:left;list-style: none;width: 16%;border-right:1px solid  #000000;text-align: center"><h1 style="font-size:30px;text-align: center">{{task_status.release}}</h1><h1 style="font-size:20px;text-align: center;">待修改</h1></h1></li>
          <li style="float:left;list-style: none;width: 16%;border-right:1px solid  #000000;text-align: center"><h1 style="font-size:30px;text-align: center">{{task_status.returned}}</h1><h1 style="font-size:20px;text-align: center;">进行中</h1></h1></li>
          <li style="float:left;list-style: none;width: 16%;border-right:1px solid  #000000;text-align: center"><h1 style="font-size:30px;text-align: center">{{task_status.underway}}</h1><h1 style="font-size:20px;text-align: center;">待结算</h1></h1></li>
          <li style="float:left;list-style: none;width: 16%;border-right:1px solid  #000000;text-align: center"><h1 style="font-size:30px;text-align: center">{{task_status.wait_confirm}}</h1><h1 style="font-size:20px;text-align: center;">已完成</h1></li>
          <li style="float:left;list-style: none;width: 16%;border-right:none;;text-align: center"><h1 style="font-size:30px;text-align: center">{{task_status.wait_relevance}}</h1><h1 style="font-size:20px;text-align: center;">已取消</h1></li>
        </ul>
      </div>
    </el-card>