顶部导航栏自定义，通过头像点击跳转到我的页面

Administrator

2021-06-24 d1441fb578d08ce4669a13cb63aa01f82823e391

 pages/workbench/workbench.vue

@@ -1,6 +1,8 @@
<!-- 工作台 -->
<template>
   <view class="work">
      <!-- 自定义顶部导航栏 -->
      <navBarTop :title="'我要巡'"></navBarTop>
      <view class="hello" v-if="hello">
         欢迎回来，{{userName}}
      </view>
@@ -47,9 +49,10 @@
<script>
   import WxStorage from "../../static/lib/wxStorage.js"
   import pColumn from '../../components/pColumn/pColumn.vue'
   export default {
   import navBarTop from '../../components/nav-bar-top/nav-bar-top.vue';
   export default{
      components: {
         pColumn
         navBarTop,pColumn
      },
      data() {
         return {
@@ -172,7 +175,7 @@
   .work {
      width: 100%;
      height: 100%;
      padding: 0.625rem 2.5% 3rem 2.5%;
      padding: 0rem 2.5% 3rem 2.5%;
      box-sizing: border-box;

      .hello {
@@ -190,6 +193,7 @@
      }

      .center {
         margin-top: 0.625rem;
         padding-top: 0.5rem;
         display: flex;
         align-items: center;