reactive icon

Author: TitanSnow

src/components/toolbar-button/btn-fullscreen.js

@@ -1,7 +1,7 @@
 export default {
     name: 'fullScreen',
-    icon: 'fa-arrows-alt',
-    title: '全屏',
+    icon: 'fa-expand-arrows-alt',
+    title () { return this.fullScreen ? '取消全屏' : '全屏' },
     action: {
         event: 'fullScreen'
     }

src/components/toolbar-button/btn-hide.js

@@ -1,7 +1,7 @@
 export default {
     name: 'hide',
-    icon: 'fa-eye',
-    title: '隐藏',
+    icon () { return this.previewDisplay === 'hide' ? 'fa-eye-slash' : 'fa-eye' },
+    title () { return this.previewDisplay === 'hide' ? '显示预览' : '隐藏预览' },
     action: {
         event: 'hide'
     }

src/components/toolbar-button/btn-scrollsync.js

@@ -1,7 +1,7 @@
 export default {
     name: 'scrollSync',
     icon () { return this.scrollSync ? 'fa-lock' : 'fa-lock-open' },
-    title: '同步滚动',
+    title () { return this.scrollSync ? '停用滚动同步' : '启用滚动同步' },
     action: {
         event: 'scrollSync'
     }