gpt4 book ai didi

What is best way to define a style for a Accordion?(定义手风琴风格的最佳方式是什么?)

转载 作者:bug小助手 更新时间:2023-10-25 12:18:21 31 4
gpt4 key购买 nike



We are using a Accordion on the site https://wettkampf-software-zimmer.de/products/lsm. We want to change the color blue. What is best way to define a style for a Accordion? We don't find a tutorial. We are using Oqtane Framework 4.0.3 and 2sxc App 16.02.00.

我们在https://wettkampf-software-zimmer.de/products/lsm.网站上使用手风琴我们想把颜色改成蓝色。定义手风琴风格的最佳方式是什么?我们找不到教程。我们使用的是Oqtane框架4.0.3和2sxc App 16.02.00。


We are looking on the page "customize & design" https://2sxc.org/en/learn/getting-started-creating-stuff-overview. We don't find a solution.

我们正在查看页面“Customize&Design”https://2sxc.org/en/learn/getting-started-creating-stuff-overview.我们找不到解决办法。


更多回答
优秀答案推荐

Assuming you are using Accordion V4. You can edit the template of the app that is installed.

假设您使用的是手风琴V4。您可以编辑已安装的应用程序的模板。


Open the app in a local editor (VSCode is recommended for 2sxc development). The app should be located at <DNN Root>/Portals/<Your Site>/2sxc/Accordion4/.

在本地编辑器中打开应用程序(2sxc开发推荐使用VSCode)。该应用程序应位于 /Portals/ /2sxc/Accordion4/。


Depending on whether you are using bootstrap 3, 4, or 5, you'll edit the appropriate stylesheet inside bs3/, bs4/, or bs5/. In this case, the blue color set by the $secondary variable, which can be set in bsX/styles/_variables.scss.

根据您使用的是Bootstrap 3、4还是5,您将在BS3/、BS4/或BS5/中编辑适当的样式表。在本例中,由$Second变量设置的蓝色,该变量可以在bsx/style/_ariables.scss中设置。


.scss files are Sass, not raw CSS, so you'll have to build the project. This can be done with npm, part of NodeJS, by running npm ci followed by npm run build-bsX.

Scss文件是Sass文件,而不是原始的css文件,因此您必须构建该项目。这可以使用NPM(NodeJS的一部分)来完成,方法是先运行NPMci,然后运行NPM run Build-BSX。


In my case, this app had some conflicts in it's package-lock.json, so I deleted package-lock.json and the node_modules/ folder (if present) and ran npm install to get the latest versions of the modules.

在我的例子中,这个应用程序在它的包-lock.json中有一些冲突,所以我删除了包-lock.json和NODE_MODULES/文件夹(如果有),并运行NPM Install来获取最新版本的模块。


更多回答

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com