| | |
|---|
| | | <div> |
|---|
| | | <!-- 右侧用户登录图标 --> |
|---|
| | | <div class="user-logininfo"> |
|---|
| | | <div class="user-logininfo-icon"> |
|---|
| | | <div class="logoIcon" v-if="logo"> |
|---|
| | | <div class="image"> |
|---|
| | | <img src="../../assets/logo.jpg" alt="" srcset="" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="user-logininfo-icon" v-else> |
|---|
| | | <!-- 折叠 --> |
|---|
| | | <i @click="clickFold" class="el-icon-s-fold"></i> |
|---|
| | | <!-- 标签列表 --> |
|---|
| | |
|---|
| | | scrollTimer: null, |
|---|
| | | scrollAmount: 0 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | logo: { |
|---|
| | | type: String, |
|---|
| | | default: '' |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapState(['tagList', 'isFold']) |
|---|
| | |
|---|
| | | justify-content: space-between; |
|---|
| | | overflow: hidden; |
|---|
| | | |
|---|
| | | .image { |
|---|
| | | // margin-top: 40px; |
|---|
| | | width: 70px; |
|---|
| | | height: 70px; |
|---|
| | | |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | border-radius: 50%; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .user-logininfo-icon { |
|---|
| | | margin-right: 30px; |
|---|
| | | flex: 1; |
|---|
