Commit 2052eb5a65be38c44165efecdb15266de4638667
1 parent
019555be
fix(table): wrong bg-color in fullscreen mode
修复浅色主题下的table在全屏状态时背景颜色不正确的问题
Showing
3 changed files
with
6 additions
and
0 deletions
CHANGELOG.zh_CN.md
| @@ -5,6 +5,7 @@ | @@ -5,6 +5,7 @@ | ||
| 5 | - 修复`CellFormat`无法使用`Map`类型数据的问题 | 5 | - 修复`CellFormat`无法使用`Map`类型数据的问题 |
| 6 | - 修复可编辑单元格未能正确显示`0`值的问题 | 6 | - 修复可编辑单元格未能正确显示`0`值的问题 |
| 7 | - 修复 selection-change 事件在取消勾选时未能正确触发的问题 | 7 | - 修复 selection-change 事件在取消勾选时未能正确触发的问题 |
| 8 | + - 修复浅色主题下的全屏状态背景颜色不正确的问题 | ||
| 8 | - **Qrcode** 修复二维码组件在创建时未能及时绘制的问题 | 9 | - **Qrcode** 修复二维码组件在创建时未能及时绘制的问题 |
| 9 | 10 | ||
| 10 | ## 2.7.0(2021-08-03) | 11 | ## 2.7.0(2021-08-03) |
src/design/theme.less
| @@ -21,6 +21,10 @@ html[data-theme='light'] { | @@ -21,6 +21,10 @@ html[data-theme='light'] { | ||
| 21 | background-color: #fffbe6; | 21 | background-color: #fffbe6; |
| 22 | border: 1px solid #ffe58f; | 22 | border: 1px solid #ffe58f; |
| 23 | } | 23 | } |
| 24 | + | ||
| 25 | + :not(:root):fullscreen::backdrop { | ||
| 26 | + background-color: @layout-body-background !important; | ||
| 27 | + } | ||
| 24 | } | 28 | } |
| 25 | 29 | ||
| 26 | [data-theme='dark'] { | 30 | [data-theme='dark'] { |
src/views/demo/table/FormTable.vue
| @@ -41,6 +41,7 @@ | @@ -41,6 +41,7 @@ | ||
| 41 | useSearchForm: true, | 41 | useSearchForm: true, |
| 42 | formConfig: getFormConfig(), | 42 | formConfig: getFormConfig(), |
| 43 | showTableSetting: true, | 43 | showTableSetting: true, |
| 44 | + tableSetting: { fullScreen: true }, | ||
| 44 | showIndexColumn: false, | 45 | showIndexColumn: false, |
| 45 | rowKey: 'id', | 46 | rowKey: 'id', |
| 46 | }); | 47 | }); |