search

lljj-x / vue-json-schema-form

基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.01k stars 418 forks source link

[求助] 夜间模式下，array的背景不会自动成暗色 #342

Open Anmours opened 6 months ago

Anmours commented 6 months ago

反馈问题请先查看文档和务必提供详细的复现代码，遵循如下格式，描述不清楚的问题将会直接关闭。

vue和ui框架

vue3、ui框架naive ，最新版

问题描述

请问如何动态更改该class下的背景值？ 我在naive中使用夜间模式，array的背景不会自动成暗色，依然是白色 image

我看文档应该是可以使用Ui Schema实现，但是我的后端json数据不是固定的，无法精确array数组在哪个节点来配置，我想当切换为夜间模式时，直接更改这个class中的background，请问该怎么做？请指教 谢谢

image

如何复现

无

必要时提供复现demo，如codepen，github 复现仓库，playground分享链接等

期望的结果

请问该怎么做？请指教 谢谢

lljj-x commented 5 months ago

有解决方案吗 或者可以pr ？

Anmours commented 5 months ago

有解决方案吗 或者可以pr ？

我更改了npm包的源码来实现，我把背景色改成了全局变量色：.arrayOrderList{background:var(--n-color-embedded-popover)，它现在会随着主题色变动颜色 这个全局主题色是naive的，或许你可以直接内置，又或者你用props来接收用户自定义这个颜色，这是最佳解决方案

lljj-x commented 5 months ago

这里目前还是建议用你覆盖样式的方式来。

后面可以调下暗黑下的配色，不过还是可能会有个性化的需求，所以有个性化需求覆盖就好