| | |
| | | <template> |
| | | <div class="createUser"> |
| | | <header> |
| | | <!-- <header> |
| | | <div class="headerTitle">新增账户</div> |
| | | <div class="headerTip"> |
| | | <span>*</span> |
| | | <label>为必填项</label> |
| | | </div> |
| | | </header> |
| | | </header> --> |
| | | <main> |
| | | <div class="mainTitle">基础信息</div> |
| | | <!-- <div class="mainTitle">基础信息</div> --> |
| | | <div class="mainContent"> |
| | | <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules" |
| | | label-position="right"> |
| | |
| | | border-radius: 1px; |
| | | background-color: #09152f; |
| | | |
| | | header { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | height: 60px; |
| | | line-height: 60px; |
| | | padding: 0 20px; |
| | | border: 1px solid #fff; |
| | | // header { |
| | | // display: flex; |
| | | // justify-content: space-between; |
| | | // height: 60px; |
| | | // line-height: 60px; |
| | | // padding: 0 20px; |
| | | // border: 1px solid #fff; |
| | | |
| | | .headerTitle { |
| | | color: #4b9bb7; |
| | | font-weight: 600; |
| | | } |
| | | // .headerTitle { |
| | | // color: #4b9bb7; |
| | | // font-weight: 600; |
| | | // } |
| | | |
| | | .headerTip span { |
| | | color: #ff3b6c; |
| | | } |
| | | // .headerTip span { |
| | | // color: #ff3b6c; |
| | | // } |
| | | |
| | | .headerTip label { |
| | | color: #4b9bb7; |
| | | } |
| | | } |
| | | // .headerTip label { |
| | | // color: #4b9bb7; |
| | | // } |
| | | // } |
| | | |
| | | main { |
| | | border: 1px solid #fff; |
| | | // border: 1px solid #fff; |
| | | text-align: left; |
| | | padding: 0 55px; |
| | | background-color: #09152f; |
| | | padding-bottom: 50px; |
| | | .mainTitle { |
| | | color: #4b9bb7; |
| | | font-weight: 600; |
| | | line-height: 100px; |
| | | font-size: 14px; |
| | | } |
| | | padding-top: 20px; |
| | | // .mainTitle { |
| | | // color: #4b9bb7; |
| | | // font-weight: 600; |
| | | // line-height: 100px; |
| | | // font-size: 14px; |
| | | // } |
| | | |
| | | .mainContent { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | margin-top: 50px; |
| | | &::v-deep .el-form-item__label { |
| | | color: #4b9bb7; |
| | | } |