diff --git a/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.scss b/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.scss
index 0a88e1a..54d2f6d 100644
--- a/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.scss
+++ b/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.scss
@@ -260,3 +260,7 @@ $light_gray: #eee;
 
   .el-form-item__button {}
 }
+
+.split-line {
+  margin: 0 5px;
+}
diff --git a/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.vue b/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.vue
index 2b0284a..8e56abe 100644
--- a/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.vue
+++ b/frontend/Skyeye-sys-ui/src/layout/components/header-nav/index.vue
@@ -26,8 +26,9 @@
     </div>
     <ul class="header-nav-r">
       <li class="lang-select">
-        <a @click.prevent="changeLocale('zh_CN')">中文</a> |
-        <a @click.prevent="changeLocale('en_US')">EN</a>
+        <a @click.prevent="changeLocale('zh_CN')">中文</a>
+        <span class="split-line">|</span>
+        <a @click.prevent="changeLocale('en_US')">English</a>
       </li>
       <li v-if="roleIdsLocale.indexOf(2) !== -1">
         <span class="user-login" @click="showLogin">{{