| | |
| | | <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" /> |
| | |
| | | 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; |
| | | } |
| | | } |
| | | } |