Forráskód Böngészése

导航栏展示用户名

刘湘琪 2 éve%!(EXTRA string=óta)
szülő
commit
241ebffef6
1 módosított fájl, 7 hozzáadás és 2 törlés
  1. 7 2
      src/layout/components/Navbar.vue

+ 7 - 2
src/layout/components/Navbar.vue

@@ -5,7 +5,8 @@
     <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
 
-    <div class="right-menu">
+    <div class="right-menu">
+      <div class="right-menu-item">{{userName}}</div>
       <template v-if="device!=='mobile'">
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
@@ -72,6 +73,9 @@ export default {
       get() {
         return this.$store.state.settings.topNav
       }
+    },
+    userName() {
+      return this.$store.state.user.name
     }
   },
   methods: {
@@ -93,7 +97,8 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped>
+
 .navbar {
   height: 50px;
   overflow: hidden;