diff --git a/web/views/@default/clusters/index.html b/web/views/@default/clusters/index.html
index a0477437..0bd89e0c 100644
--- a/web/views/@default/clusters/index.html
+++ b/web/views/@default/clusters/index.html
@@ -17,7 +17,7 @@
     </div>
 </form>
 <div class="ui segment" v-if="latestVisible">
-    常用集群：<span v-for="cluster in latestClusters"><a :href="'/clusters/cluster?clusterId=' + cluster.id">{{cluster.name}}</a> &nbsp; </span>
+    常用集群：<span v-for="(cluster, index) in latestClusters"><a :href="'/clusters/cluster?clusterId=' + cluster.id">{{cluster.name}}</a> &nbsp; <span class="disabled" v-if="index != latestClusters.length - 1">|</span> &nbsp;</span>
 </div>
 
 <div class="ui tabular menu" v-if="isSearching">
diff --git a/web/views/@default/servers/index.html b/web/views/@default/servers/index.html
index 3721c82e..fac6a497 100644
--- a/web/views/@default/servers/index.html
+++ b/web/views/@default/servers/index.html
@@ -57,7 +57,7 @@
 
 <!-- 常用服务 -->
 <div class="ui segment" v-if="latestVisible">
-    常用服务：<span v-for="server in latestServers"><a :href="'/servers/server?serverId=' + server.id">{{server.name}}</a> &nbsp; </span>
+    常用服务：<span v-for="(server, index) in latestServers"><a :href="'/servers/server?serverId=' + server.id">{{server.name}}</a> &nbsp; <span class="disabled" v-if="index != latestServers.length - 1">|</span> &nbsp;</span>
 </div>
 
 <p class="ui message" v-if="servers.length == 0">暂时还没有服务。</p>