Sign in
Sign up
Explore
Enterprise
Education
Search
Help
Terms of use
About Us
Explore
Enterprise
Education
Gitee Premium
Gitee AI
Sign in
Sign up
Fetch the repository succeeded.
Open Source
>
Web Development
>
Vue.js Components
&
layui-components
&&
Donate
Please sign in before you donate.
Cancel
Sign in
Scan WeChat QR to Pay
Cancel
Complete
Prompt
Switch to Alipay.
OK
Cancel
Watch
Unwatch
Watching
Releases Only
Ignoring
340
Star
3.3K
Fork
618
lunar landing
/
layui-vue
Code
Issues
82
Pull Requests
4
Wiki
Insights
Pipelines
Service
Quality Analysis
Jenkins for Gitee
Tencent CloudBase
Tencent Cloud Serverless
悬镜安全
Aliyun SAE
Codeblitz
SBOM
Don’t show this again
Update failed. Please try again later!
Remove this flag
Content Risk Flag
This task is identified by
as the content contains sensitive information such as code security bugs, privacy leaks, etc., so it is only accessible to contributors of this repository.
仅使用layer时,dark不生效
Backlog
#ICS2E5
Luck_Cc
Opened this issue
2025-08-08 15:34
### 议题条件 - [x] 我确认已查阅:**http://www.layui-vue.com** ,但没有找到相关解决方案。 - [x] 我确认已在 **Issues** 中搜索过类似的问题,但没有找到相关解决方案。 ### 版本号 2.4.8 ### 浏览器 Microsoft Edge 版本 138.0.3351.121 (正式版本) (64 位) ### 问题类型 功能困惑 ### 问题描述 仅引入layer如何开启dark模式,我在github找到类似的问题,但是似乎并不生效 [github issues](https://github.com/layui-vue/layui-vue/issues/28) 如果引入layui则dark生效 ### 演示地址 无 ### 业务代码 ```auto ----main.js import './assets/main.css' import { createApp } from 'vue' import layer from "@layui/layer-vue"; import "@layui/layer-vue/lib/index.css"; // import Layui from '@layui/layui-vue' // import '@layui/layui-vue/lib/index.css' import App from './App.vue' import router from './router' const app = createApp(App) app.use(router) app.use(layer); // app.use(Layui); app.mount('#app') ----App.vue <script setup> import { layer } from "@layui/layer-vue"; // import { layer } from "@layui/layui-vue" layer.open({ type: 2, title: "标题", resize: true, area: ["90%", "90%"], content: "https://www.layui-vue.com", }); </script> <template> <lay-config-provider theme="dark"> </lay-config-provider> </template> ``` ### 截图补充 仅引入Layer时  引入layui时  ### 友好承诺 - [x] 我承诺将本着相互尊重、理解和友善的态度进行交流,维护 layui-vue 良好的社区氛围。
### 议题条件 - [x] 我确认已查阅:**http://www.layui-vue.com** ,但没有找到相关解决方案。 - [x] 我确认已在 **Issues** 中搜索过类似的问题,但没有找到相关解决方案。 ### 版本号 2.4.8 ### 浏览器 Microsoft Edge 版本 138.0.3351.121 (正式版本) (64 位) ### 问题类型 功能困惑 ### 问题描述 仅引入layer如何开启dark模式,我在github找到类似的问题,但是似乎并不生效 [github issues](https://github.com/layui-vue/layui-vue/issues/28) 如果引入layui则dark生效 ### 演示地址 无 ### 业务代码 ```auto ----main.js import './assets/main.css' import { createApp } from 'vue' import layer from "@layui/layer-vue"; import "@layui/layer-vue/lib/index.css"; // import Layui from '@layui/layui-vue' // import '@layui/layui-vue/lib/index.css' import App from './App.vue' import router from './router' const app = createApp(App) app.use(router) app.use(layer); // app.use(Layui); app.mount('#app') ----App.vue <script setup> import { layer } from "@layui/layer-vue"; // import { layer } from "@layui/layui-vue" layer.open({ type: 2, title: "标题", resize: true, area: ["90%", "90%"], content: "https://www.layui-vue.com", }); </script> <template> <lay-config-provider theme="dark"> </lay-config-provider> </template> ``` ### 截图补充 仅引入Layer时  引入layui时  ### 友好承诺 - [x] 我承诺将本着相互尊重、理解和友善的态度进行交流,维护 layui-vue 良好的社区氛围。
Comments (
0
)
Sign in
to comment
Status
Backlog
Backlog
Doing
Done
Closed
Assignees
Not set
Labels
Not set
Label settings
Milestones
No related milestones
No related milestones
Pull Requests
None yet
None yet
Successfully merging a pull request will close this issue.
Branches
No related branch
Branches (22)
Tags (263)
2.x
master
spike/laychat
eslint/docs
spike/refactor-tree
spike/iconpicker-icon-sets
feat/jevin-treeSelect-cacheData-props
spike/fork-fix-single-form-item-required
jevin/layer-fix-interactive-slot-render-fork
jevin/lay-segmented-fork-spike
spike/refactor-datepicker-uncoupled
spike/more-vscode-launch-profiles
spike/cascader-add-warning-and-document-adjust
spike/cascader-selectkeys-changed-event
spike/relative-time
jevin/feat-less-to-css
Dockerfile
spike/laycode
spike/scriptUpdate
cloudflare
baobaobao/feature
1.x
2.23.3
2.23.2
2.23.1
2.23.0
2.22.2
2.22.1
2.22.0
2.21.2
2.21.1
2.21.0
2.20.0
2.19.3
2.19.2
2.19.1
2.19.0
2.18.3
2.18.2
2.18.1
2.18.0
2.17.7
2.17.6
2.17.5
2.17.4
2.17.3
2.17.2
2.17.1
2.17.0
2.16.8
2.16.7
2.16.6
2.16.5
2.16.2
2.16.1
2.16.0
2.15.2
2.15.1
2.15.0
2.14.4
2.14.3
2.14.2
2.14.1
2.14.0
2.13.4
2.13.3
2.13.2
2.13.1
2.13.0
2.12.0
2.11.4
2.11.5
2.11.3
2.11.0
2.11.1
2.11.2
2.10.2
2.10.3
2.10.1
2.10.0
2.9.1
2.8.0
2.8.1
2.9.0
2.7.4
2.7.2
2.6.3
2.6.4
2.7.0
2.7.1
2.6.2
2.6.0
2.6.1
2.5.0
2.4.1
2.4.0
2.3.19
2.3.20
2.3.17
2.3.18
2.3.15
2.3.16
2.3.13
2.3.14
2.3.12
2.3.10
2.3.11
2.3.9
2.3.8
2.3.7
2.3.5
2.3.6
2.3.4
2.3.3
2.3.2
2.3.1
2.3.0
2.2.2
2.2.1
2.2.0
2.1.4
2.1.2
2.1.3
2.1.1
2.0.5
2.1.0
2.0.4
2.0.3
2.0.2
2.0.1
2.0.0
2.0.0-beta.5
2.0.0-beta.4
2.0.0-beta.3
2.0.0-beta.2
2.0.0-beta.1
1.12.0
1.11.4
1.11.3
1.11.1
1.11.2
1.11.0
1.10.0
1.10.1
1.9.8
1.9.7
1.9.6
1.9.5
1.9.4
1.9.3
1.9.2
1.9.1
1.9.0
1.8.10
1.8.9
1.8.8
1.8.7
1.8.6
1.8.5
1.8.4
1.8.3
1.8.2
1.8.1
1.8.0
1.7.13
1.7.12
1.7.11
1.7.10
1.7.9
1.7.8
1.7.7
1.7.6
1.7.5
1.7.4
1.7.3
1.7.2
1.7.1
1.7.0
1.6.9
1.6.8
1.6.7
1.6.6
1.6.5
1.6.4
1.6.3
1.6.2
1.6.1
1.6.0
1.5.1
1.5.0
1.4.14
1.4.13
1.4.12
1.4.10
1.4.11
1.4.9
1.4.8
1.4.7
1.4.6
1.4.5
1.4.4
1.4.3
1.4.2
1.4.1
1.4.0
1.3.14
1.3.12
1.3.13
1.3.11
1.3.10
1.3.9
1.3.8
1.3.7
1.3.6
1.3.5
1.3.4
1.3.3
1.3.2
1.3.0
1.3.1
1.2.11
1.2.10
1.2.9
1.2.8
1.2.7
1.2.6
1.2.5
1.2.4
1.2.3
1.2.2
1.2.1
1.1.10
1.1.9
1.1.8
1.1.7
1.1.6
1.1.5
1.1.4
1.1.3
1.1.2
1.1.1
1.1.0
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0
0.4.4
0.4.3
0.4.2
0.4.1
0.4.0
0.3.9
0.3.8
0.3.7
0.3.6
0.3.5
0.3.4
0.3.3
0.3.2
0.3.1
0.3.0
0.2.9
0.2.8
0.2.7
0.2.5
0.2.6
0.2.4
0.2.3
0.2.1
0.2.2
0.2.0
0.1.9
0.1.8
0.1.7
0.1.4
0.1.1
0.1.0
0.0.17
0.0.14
0.0.8
0.0.6
Planed to start   -   Planed to end
-
Top level
Not Top
Top Level: High
Top Level: Medium
Top Level: Low
Priority
Not specified
Serious
Main
Secondary
Unimportant
参与者(1)
TypeScript
1
https://gitee.com/lunarlanding/layui-vue.git
[email protected]
:lunarlanding/layui-vue.git
lunarlanding
layui-vue
layui-vue
Going to Help Center
Search
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
Repository Report
Back to the top
Login prompt
This operation requires login to the code cloud account. Please log in before operating.
Go to login
No account. Register