src/pages/system/roleAdd.vue
@@ -1,8 +1,9 @@
<template>
  <div class="app-container">
    <el-form ref="roleAddForm" label-position="left" :model="mData" label-width="150px" :rules="rules">
    <el-page-header class="mb20" @back="jumpBack" />
    <el-form ref="roleAddForm" label-position="left" :model="mData" label-width="150px" :rules="rules" size="small">
      <el-form-item label="角色名称:" prop="name">
        <el-input v-model="mData.name" placeholder="请输入名称" class="com-edit-input" />
        <el-input v-model="mData.name" placeholder="请输入名称" maxlength="50" class="com-edit-input" />
      </el-form-item>
      <el-form-item label="是否启用:">
        <el-switch v-model="mData.isUse" :active-value="1" :inactive-value="0" />
@@ -196,23 +197,23 @@
      box-sizing: content-box;
    }
    &:hover{
      .name {
        background: #999;
      }
      .el-icon-check{
        color: #999;
      }
    }
    // &:hover{
    //   .name {
    //     background: #999;
    //   }
    //   .el-icon-check{
    //     color: #999;
    //   }
    // }
  }
  .active, .active:hover{
    .name{
      // background: $blue;
      background: #999;
      background: #409EFF;
      // background: #999;
    }
    .el-icon-check{
      // color: $blue;
      color: #999;
      background: #409EFF;
      // background: #999;
    }
  }
}