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来获取最新版本的模块。
更多回答
我是一名优秀的程序员,十分优秀!