| | |
| | | <template> |
| | | <div class="sales-lead"> |
| | | <div class="header-title">{{ headerTitle }}</div> |
| | | <div class="header-user-info"> |
| | | <div class="avatar"><el-avatar icon="el-icon-user-solid"></el-avatar></div> |
| | | <el-dropdown @command="handleCommand"> |
| | | <div class="el-dropdown-link">用户名<i class="el-icon-arrow-down el-icon--right"></i></div> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item command="logout">退出</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | </div> |
| | | <!-- <div class="header-user-info">--> |
| | | <!-- <div class="avatar"><el-avatar icon="el-icon-user-solid"></el-avatar></div>--> |
| | | <!-- <el-dropdown @command="handleCommand">--> |
| | | <!-- <div class="el-dropdown-link">用户名<i class="el-icon-arrow-down el-icon--right"></i></div>--> |
| | | <!-- <el-dropdown-menu slot="dropdown">--> |
| | | <!-- <el-dropdown-item command="logout">退出</el-dropdown-item>--> |
| | | <!-- </el-dropdown-menu>--> |
| | | <!-- </el-dropdown>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | <style lang="scss" scoped> |
| | | .sales-lead { |
| | | display: flex; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | background-color: #fff; |
| | | margin-bottom: 10px; |
| | | height: 50px; |
| | | box-sizing: border-box; |
| | | line-height: 50px; |
| | | background-color: $color-bg; |
| | | border: 1px solid #ccc; |
| | | .header-title { |
| | | margin-left: 16px; |
| | | font-size: 16px; |
| | | color: #475059; |
| | | padding-left: 16px; |
| | | font-size: 18px; |
| | | font-weight: bold; |
| | | color: #171718; |
| | | } |
| | | .header-user-info { |
| | | margin-left: auto; |
| | | margin-right: 20px; |
| | | display: flex; |
| | | .avatar { |
| | | margin-top: 8px; |
| | | margin-top: 4px; |
| | | margin-right: 10px; |
| | | } |
| | | } |