瀏覽代碼

fix(table): wrong bg-color in fullscreen mode

修复浅色主题下的table在全屏状态时背景颜色不正确的问题
无木 3 年之前
父節點
當前提交
2052eb5a65
共有 3 個文件被更改,包括 6 次插入0 次删除
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 4 0
      src/design/theme.less
  3. 1 0
      src/views/demo/table/FormTable.vue

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -5,6 +5,7 @@
   - 修复`CellFormat`无法使用`Map`类型数据的问题
   - 修复可编辑单元格未能正确显示`0`值的问题
   - 修复 selection-change 事件在取消勾选时未能正确触发的问题
+  - 修复浅色主题下的全屏状态背景颜色不正确的问题
 - **Qrcode** 修复二维码组件在创建时未能及时绘制的问题
 
 ## 2.7.0(2021-08-03)

+ 4 - 0
src/design/theme.less

@@ -21,6 +21,10 @@ html[data-theme='light'] {
     background-color: #fffbe6;
     border: 1px solid #ffe58f;
   }
+
+  :not(:root):fullscreen::backdrop {
+    background-color: @layout-body-background !important;
+  }
 }
 
 [data-theme='dark'] {

+ 1 - 0
src/views/demo/table/FormTable.vue

@@ -41,6 +41,7 @@
         useSearchForm: true,
         formConfig: getFormConfig(),
         showTableSetting: true,
+        tableSetting: { fullScreen: true },
         showIndexColumn: false,
         rowKey: 'id',
       });