<template>
<!-- 常用流程 -->
  <div class="Process-box">
      <div>
          <ul>
              <li>验证流程</li>
              <li>分支网关验证</li>
              <li>国核销假流程</li>
              <li>国核请假流程</li>
              <li>国核采购小组成立申请</li>
              <li>国核销假流程</li>
              <li>浮点型分支条件</li>
              <li>验证流程</li>
              <li>角色矩阵验证</li>
              <li>分支网关验证</li>
              <li>浮点型分支支持</li>
              <li>根据条件设置初始值</li>
              <li>角色矩阵</li>
          </ul>
      </div>
  </div>
</template>

<script>
export default {
    name:'Process',
    data() {
        return {
            
        }
    },
}
</script>

<style lang="scss" scoped>
.Process-box{
    ul{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
        li{
            list-style-type:none;
            font-size: 12px;
            padding: 5px 8px;
            margin-right: 14px;
            margin-bottom: 17px;
            background-color: rgb(238, 238, 238);
        }
        li:hover{
            color: #0080fe;
            background: #e5f2ff;
            border: 1px solid #0080fe;
        }
    }
}

</style>