diff --git a/frontend/src/components/canvas/components/Editor/Grid.vue b/frontend/src/components/canvas/components/Editor/Grid.vue index 9670a8d774..05d412fc56 100644 --- a/frontend/src/components/canvas/components/Editor/Grid.vue +++ b/frontend/src/components/canvas/components/Editor/Grid.vue @@ -23,8 +23,8 @@ diff --git a/frontend/src/components/canvas/components/Toolbar.vue b/frontend/src/components/canvas/components/Toolbar.vue index 7672d875bd..6ebaaaffe0 100644 --- a/frontend/src/components/canvas/components/Toolbar.vue +++ b/frontend/src/components/canvas/components/Toolbar.vue @@ -41,6 +41,12 @@ + + + + + + {{ $t('commons.save') }} @@ -372,6 +378,9 @@ export default { auxiliaryMatrixChange() { this.canvasStyleData.auxiliaryMatrix = !this.canvasStyleData.auxiliaryMatrix }, + showGridChange() { + this.canvasStyleData.aidedDesign.showGrid = !this.canvasStyleData.aidedDesign.showGrid + }, // 启用移动端布局 openMobileLayout() { this.$store.commit('openMobileLayout') diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index 60b0622a2d..7f08ea1397 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -1605,6 +1605,9 @@ export default { matrix: 'matrix', suspension: 'suspension', new_element_distribution: 'New element Distribution', + aided_grid: 'Aided Grid', + aided_grid_open: 'Open', + aided_grid_close: 'Close', subject_no_edit: 'System Subject Can Not Edit', subject_name_not_null: 'Subject Name Can Not Be Null And Less Than 20 charts', is_enable: 'Enable', diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js index 48f75c8c0e..25cc48bce4 100644 --- a/frontend/src/lang/tw.js +++ b/frontend/src/lang/tw.js @@ -1606,6 +1606,9 @@ export default { matrix: '矩陣', suspension: '懸浮', new_element_distribution: '當前元素移入分佈方式', + aided_grid: '辅助设计网格', + aided_grid_open: '打开', + aided_grid_close: '关闭', subject_no_edit: '繫統主題不能修改', subject_name_not_null: '主題名稱需要1~20字符', is_enable: '是否啟用', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index 7d44cc278e..7822ad5fa7 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -1616,6 +1616,9 @@ export default { matrix: '矩阵', suspension: '悬浮', new_element_distribution: '当前元素移入分布方式', + aided_grid: '辅助设计网格', + aided_grid_open: '打开', + aided_grid_close: '关闭', subject_no_edit: '系统主题不能修改', subject_name_not_null: '主题名称需要1~20字符', is_enable: '是否启用', diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html index 5b5669ac90..cfa068f3e0 100644 --- a/frontend/src/styles/deicon/demo_index.html +++ b/frontend/src/styles/deicon/demo_index.html @@ -54,6 +54,18 @@
    +
  • + +
    网格\表格
    +
    
    +
    • + +
  • + +
    关闭网格
    +
    
    +
    • +
  • 流媒体，媒体列表
    @@ -528,9 +540,9 @@ 
    @font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1648734668996') format('woff2'),
-       url('iconfont.woff?t=1648734668996') format('woff'),
-       url('iconfont.ttf?t=1648734668996') format('truetype');
+  src: url('iconfont.woff2?t=1650350932327') format('woff2'),
+       url('iconfont.woff?t=1650350932327') format('woff'),
+       url('iconfont.ttf?t=1650350932327') format('truetype');
 }

    第二步：定义使用 iconfont 的样式

    @@ -556,6 +568,24 @@
      +
    • + +
      + 网格\表格 +
      +
      .icon-wangge-open +
      +
      • + +
    • + +
      + 关闭网格 +
      +
      .icon-wangge-close +
      +
      • +
    • @@ -1267,6 +1297,22 @@
        +
      • + +
        网格\表格
        +
        #icon-wangge-open
        +
        • + +
      • + +
        关闭网格
        +
        #icon-wangge-close
        +
        • +