scocial-management-platform-frontend/src/views/main/main-navbar-news.vue

<template>
  <div class="navbar-news">
    <!-- 权限写法 -->
    <div class="nn-item" v-if="$hasPermission2('sys_test_add')" >
    <!-- <div class="nn-item"> -->
      <i class="smp-nav-icon smp-ni-news">
        <span>5</span>
      </i>
    </div>
    <div class="nn-item">
      <i class="smp-nav-icon smp-ni-notice">
        <span>7</span>
      </i>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      isOpen: false

    }
  },
  // computed: {
  //   permission () {
  //     return this.$store.state.permission
  //   }
  // },
  methods: {

  }
}
</script>

<style lang="scss">
.navbar-news{
  // padding: 0!important;
}
</style>