| | |
| | | <div class="notify"> |
| | | <i class="el-icon-bell"></i> |
| | | </div> --> |
| | | <div class="user-area" > |
| | | <div class="user-area"> |
| | | <el-avatar size="small" :src="pic"></el-avatar> |
| | | <span class="name">张三</span> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | data(){ |
| | | return { |
| | | |
| | | } |
| | | data() { |
| | | return {}; |
| | | }, |
| | | computed:{ |
| | | pic(){ |
| | | return "/images/search/nobody.png" |
| | | } |
| | | } |
| | | } |
| | | computed: { |
| | | pic() { |
| | | return "/images/search/nobody.png"; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .top-nav { |
| | | display: flex; |
| | | height: 64px; |
| | | padding-right: 20px; |
| | | height: 60px; |
| | | padding-right: 15px; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | i[class^='el-icon-']{ |
| | | box-shadow: 0px 3px 6px rgba(160, 174, 230, 0.56); |
| | | i[class^="el-icon-"] { |
| | | font-size: 20px; |
| | | padding: 14px; |
| | | } |
| | | .user-area{ |
| | | span{ |
| | | .user-area { |
| | | span { |
| | | vertical-align: middle; |
| | | } |
| | | .name{ |
| | | .name { |
| | | padding: 0 10px; |
| | | } |
| | | } |