diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index 5e7203e16..bd50919ef 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -8,11 +8,26 @@
             {{this.$route.query.serial_number}} 《{{this.$route.query.title}}》 标准详情
           </div>
           <div class="doc-detail-right">
-            <a-button class="doc-detail-btn" @click="UpdateLog" type="primary">更新log</a-button>
-            <a-button class="doc-detail-btn" type="primary">文档拆分</a-button>
-            <a-button class="doc-detail-btn" type="primary">文档翻译</a-button>
-            <a-button class="doc-detail-btn" type="primary">文档对比</a-button>
-            <a-button class="doc-detail-btn" type="primary">知识问答库</a-button>
+            <div @click="UpdateLog" class="operator-text">
+              <a-icon type="reload" />
+              更新log
+            </div>
+            <div @click="UpdateLog" class="operator-text">
+              <a-icon type="codepen" />
+              文档拆分
+            </div>
+            <div @click="UpdateLog" class="operator-text">
+              <a-icon type="file-pdf" />
+              文档翻译
+            </div>
+            <div @click="UpdateLog" class="operator-text">
+              <a-icon type="wallet" />
+              文档对比
+            </div>
+            <div @click="UpdateLog" class="operator-text">
+              <a-icon type="folder" />
+              知识问答库
+            </div>
           </div>
         </div>
         <div v-for="(item,index) in detailList">
@@ -148,6 +163,7 @@
   }
 </script>
 <style lang="less" scoped>
+  @import '~@assets/less/common.less';
   .doc-detail {
     padding: 20px;
 
@@ -169,7 +185,7 @@
 
         .doc-detail-right {
           min-width: 500px;
-
+          line-height: 30px;
           .doc-detail-btn {
             margin-left: 10px;
           }