diff --git a/components/global/GLoading.vue b/components/global/GLoading.vue
index 8f79d54..3931311 100644
--- a/components/global/GLoading.vue
+++ b/components/global/GLoading.vue
@@ -1,23 +1,4 @@
-<template>
-  <view
-    v-show="show"
-    class="loading-box"
-    :style="{
-      'background-color': backColor
-    }"
-    @click="dismiss"
-  >
-    <image
-      class="rotateKey"
-      src="@/static/images/loading-svg.png"
-    />
-    <view class="loading">
-      <text class="loading-text">
-        {{ text }}
-      </text>
-    </view>
-  </view>
-</template>
+<template />
 
 <script>
 export default {
diff --git a/components/global/GNavbar.vue b/components/global/GNavbar.vue
new file mode 100644
index 0000000..a6b029e
--- /dev/null
+++ b/components/global/GNavbar.vue
@@ -0,0 +1,130 @@
+<template>
+  <uni-nav-bar
+    :title="title"
+    :fixed="fixed"
+    :left-icon="leftIcon"
+    :right-icon="rightIcon"
+    :right-text="rightText"
+    :leftText="leftText"
+    :leftWidth="leftWidth"
+    :rightWidth="rightWidth"
+    :border="border"
+    :status-bar="true"
+    :class="title ? '' : 'uni-navbar-hide-title'"
+    :background-color="backgroudColor"
+    :color="color"
+    @clickLeft="clickLeftHandler"
+    @clickRight="clickRightHandler"
+  >
+    <template slot="left">
+      <slot name="left"></slot>
+    </template>
+    <template slot="default">
+      <slot name="default"></slot>
+    </template>
+    <template slot="right">
+      <slot name="right"></slot>
+    </template>
+  </uni-nav-bar>
+</template>
+
+<script>
+/**
+ * 导航栏
+ * @description 这里也是一个组件描述r
+ * @日期 2021-5-28 16:30:56
+ * @property {String} type = [button|input|...值域] 这里是属性描述
+ * @event {Function} tap 这是是事件描述
+ * @example https://ext.dcloud.net.cn/plugin?id=52 参考地址
+ */
+export default {
+  name: 'GNavbar',
+  props: {
+    leftExitMP: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    leftText: {
+      type: String,
+      default: ''
+    },
+    leftIcon: {
+      type: String,
+      default: 'arrowleft'
+    },
+    rightIcon: {
+      type: String,
+      default: ''
+    },
+    rightText: {
+      type: String,
+      default: ''
+    },
+    fixed: {
+      type: Boolean,
+      default: true
+    },
+    border: {
+      type: Boolean,
+      default: false
+    },
+    customLeftFn: {
+      type: Boolean,
+      default: false
+    },
+    backgroudColor: {
+      type: String,
+      default: '#fff'
+    },
+    leftWidth: {
+      type: Number | String,
+      default: '120rpx'
+    },
+    rightWidth: {
+      type: Number | String,
+      default: '120rpx'
+    },
+    color: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return { routerLength: [] };
+  },
+  created() {
+    this.routerLength = getCurrentPages().length;
+  },
+  methods: {
+    clickLeftHandler() {
+      if (this.customLeftFn) {
+        this.$emit('clickLeft');
+      } else {
+        // #ifdef H5
+        if (window.history.length > 1) {
+          window.history.back();
+        } else {
+          window.location.href = '/pages/live/index';
+        }
+        // #endif
+        // #ifndef H5
+        uni.navigateBack();
+        // #endif
+      }
+    },
+    /**
+     * @description 右边按钮的事件
+
+     * @日期 2021-5-31 14:23:17
+     * @params {String} 参数描述
+     */
+    clickRightHandler() {
+      this.$emit('clickRight');
+    }
+  }
+};
+</script>