| | |
| | | </div> |
| | | </div> |
| | | <div class="user"> |
| | | <el-dropdown v-if="isLogined" trigger="click"> |
| | | <span class="el-dropdown-link"> |
| | | <!-- <img v-if="userInfo != null" :src="userInfo.avatar == null ? `${require('@/assets/avatar/man.png')}` : userInfo.avatar" alt="">{{userInfo | displayName}}<i class="el-icon-arrow-down el-icon--right"></i> --> |
| | | <img v-if="userInfo != null" style="width: 30px !important" src="@/assets/avatar/man.png" alt="" />{{ |
| | | userInfo | displayName |
| | | }}<i class="el-icon-arrow-down el-icon--right"></i> |
| | | </span> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item @click.native="changePwd">ä¿®æ¹å¯ç </el-dropdown-item> |
| | | <el-dropdown-item @click.native="logout">éåºç»å½</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | <div class="user-search"> |
| | | <div class="user-search-left"> |
| | | <span>å
¨é¨</span> |
| | | <img src="@/assets/icons/xl.png" alt=""> |
| | | </div> |
| | | <div class="user-search-right"> |
| | | <input type="text" placeholder="请è¾å
¥" /> |
| | | <img src="@/assets/icons/sousuo.png" alt=""> |
| | | </div> |
| | | </div> |
| | | <div class="user-images"> |
| | | <img src="@/assets/icons/ic_1.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_2.png" alt=""> |
| | | <img src="@/assets/icons/ic_3.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_4.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_5.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_6.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_7.jpg" alt=""> |
| | | <img src="@/assets/icons/ic_8.jpg" alt=""> |
| | | </div> |
| | | <el-dropdown v-if="isLogined" trigger="click"> |
| | | <span class="el-dropdown-link" style="cursor: pointer; color: rgba(255,255,255,.56);"> |
| | | {{ userInfo | displayName }} |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | | </span> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item @click.native="changePwd">ä¿®æ¹å¯ç </el-dropdown-item> |
| | | <el-dropdown-item @click.native="logout">éåºç»å½</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | <!-- <el-dropdown v-if="isLogined" trigger="click">--> |
| | | <!-- <span class="el-dropdown-link">--> |
| | | <!-- <!– <img v-if="userInfo != null" :src="userInfo.avatar == null ? `${require('@/assets/avatar/man.png')}` : userInfo.avatar" alt="">{{userInfo | displayName}}<i class="el-icon-arrow-down el-icon--right"></i> –>--> |
| | | <!-- <img v-if="userInfo != null" style="width: 30px !important" src="@/assets/avatar/man.png" alt="" />{{--> |
| | | <!-- userInfo | displayName--> |
| | | <!-- }}<i class="el-icon-arrow-down el-icon--right"></i>--> |
| | | <!-- </span>--> |
| | | <!-- <el-dropdown-menu slot="dropdown">--> |
| | | <!-- <el-dropdown-item @click.native="changePwd">ä¿®æ¹å¯ç </el-dropdown-item>--> |
| | | <!-- <el-dropdown-item @click.native="logout">éåºç»å½</el-dropdown-item>--> |
| | | <!-- </el-dropdown-menu>--> |
| | | <!-- </el-dropdown>--> |
| | | </div> |
| | | </div> |
| | | <!-- ä¿®æ¹å¯ç --> |
| | |
| | | } |
| | | |
| | | .user { |
| | | width: 152px; |
| | | /*width: 152px;*/ |
| | | box-sizing: border-box; |
| | | height: 56px; |
| | | padding-right: 25px; |
| | | background: url("../../assets/images/top_ic_bolang@2x.png") no-repeat; |
| | | /*background: url("../../assets/images/top_ic_bolang@2x.png") no-repeat;*/ |
| | | flex-shrink: 0; |
| | | text-align: right; |
| | | cursor: pointer; |
| | | |
| | | display: flex; |
| | | align-items: center; |
| | | .user-search { |
| | | width: 346px; |
| | | height: 32px; |
| | | border-radius: 30px; |
| | | border: 1px solid rgba(255,255,255,.56); |
| | | margin-right: 15px; |
| | | display: flex; |
| | | align-items: center; |
| | | .user-search-left { |
| | | flex-shrink: 0; |
| | | width: 106px; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | span { |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | color: rgba(255,255,255,.56); |
| | | margin-right: 10px; |
| | | } |
| | | img { |
| | | top: 0; |
| | | margin: 0; |
| | | width: 20px; |
| | | height: 16px; |
| | | } |
| | | } |
| | | .user-search-right { |
| | | flex: 1; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | padding-right: 10px; |
| | | box-sizing: border-box; |
| | | input { |
| | | flex: 1; |
| | | height: 100%; |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | color: rgba(255,255,255,.56); |
| | | border: none; |
| | | outline: none; |
| | | background-color: rgba(0,0,0,0); |
| | | &::placeholder { |
| | | color: rgba(255,255,255,.56); |
| | | } |
| | | } |
| | | img { |
| | | top: 0; |
| | | margin: 0; |
| | | width: 20px; |
| | | height: 20px; |
| | | } |
| | | } |
| | | } |
| | | .user-images { |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | img { |
| | | top: 0 !important; |
| | | width: 24px; |
| | | height: 24px; |
| | | margin-right: 15px; |
| | | } |
| | | } |
| | | .el-dropdown { |
| | | top: 2px; |
| | | color: #fff; |