小编foc*_*yle的帖子

如何使用纯 JavaScript 在下拉列表中构建可折叠选项

我正在尝试构建一个具有可折叠选项的自定义下拉菜单。下拉菜单中的每个选项都会有子选项,选择后会给我值。

在摘要上,下拉菜单应如下所示:

在此处输入图片说明

考虑到上述想法,我已经通过小提琴尝试了我的方法。

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
Run Code Online (Sandbox Code Playgroud)
.main-div {
  display: inline-block;
  padding: 15px;
  width: 180px;
  cursor:pointer;
   border: 1px solid salmon;
}

.inner-div {
  position: absolute;
  width: 210px;
  top: 58px;
  left: 8px;
  height: 300px;
  border: 1px solid salmon;
}
.inner-div > ul {
  list-style-type: none;
  border-bottom: 1px solid salmon;
  margin: 5px;
  padding: 10px;
}
.inner-div > ul > span {
  display: inline; …
Run Code Online (Sandbox Code Playgroud)

html javascript css dropdown

5
推荐指数
1
解决办法
243
查看次数

Twig如何仅在分页的第一页显示文本

我已经使用 OpenCart 和主题twig,如何仅在类别的第一页显示我的文本,而不在分页页面上显示它。

我的模板看起来像这样

{% if description %}
    <div class="row" style="margin-bottom:50px;">
        {{ description }}
    </div>
{% endif %}
Run Code Online (Sandbox Code Playgroud)

php opencart twig opencart-3

5
推荐指数
1
解决办法
387
查看次数

某些列具有固定宽度的 CSS 网格

我正在尝试使用 CSS 网格来实现这种布局。

\n\n

图片:

\n\n

在此输入图像描述

\n\n

这是我到目前为止所拥有的:

\n\n

\r\n
\r\n
#wrapper {\r\n    display: grid;\r\n    gap: 20px;\r\n    grid-template-columns: auto 300px 1fr 1fr 180px auto;\r\n    grid-template-rows: auto;\r\n    grid-template-areas: \r\n    "logo nav-primary nav-primary nav-primary nav-primary search"\r\n    "nav-secondary nav-secondary nav-secondary nav-secondary nav-secondary nav-secondary"\r\n    "aside-1 aside-1 article article aside-2 aside-2"\r\n    "footer footer footer footer footer footer";\r\n}\r\n\r\n/* Article: use up remaining width */\r\n#article{\r\n    grid-area: article;\r\n}\r\n\r\n/* Logo: use up a little width as possible */\r\n#logo{\r\n    grid-area: logo;\r\n}\r\n\r\n/* Nav Primary: use up remaining width */\r\n#nav-primary{\r\n    grid-area: nav-primary;\r\n}\r\n\r\n/* …
Run Code Online (Sandbox Code Playgroud)

html css grid css-grid

5
推荐指数
1
解决办法
7168
查看次数

如何向 OpenCart 错误日志添加注释?

在 Laravel 中,我可以使用log()命令向日志文件添加注释(这有助于我调试),如下所示:

$var = 'this is a variable';
//some other code goes here
log::('Is $var a null? Here is the value '.$var);
Run Code Online (Sandbox Code Playgroud)

然后我可以检查日志文件。

我该如何在 OpenCart 中执行此操作?

php opencart opencart2.x

4
推荐指数
1
解决办法
3429
查看次数

OpenCart OCMOD 和 VQMOD 修改系统

我是 OpenCart OCMOD 和 VQMOD 系统的新手。所以我需要一些帮助。我的问题是。

  1. 据说OCMOD是OC2+默认系统。也有人说我们必须自己编写OCMOD。这是什么意思?如果 OCMOD 带有 OC2+。那我们为什么要自己写呢?如果 OCMOD 是 OC+2 的默认部分。那么我们在OC 3.0.2.0中在哪里可以找到它呢?

  2. 如何在不影响核心文件的情况下使用OCMOD在OpenCart中进行更改?

  3. 在安装新的 OCMOD.zip 或 OCMOD.xml 和 VQMOD.zip 或 VQMOD.xml 后,如何在不删除这些更改的影响的情况下,在 OpenCart 核心文件中不安装 OCMOD 或 VQMOD 的情况下删除已经进行的更改。

  4. 如何使用 OCMOD 或 VQMOD 在升级版本中恢复在 OpenCart 中所做的更改?

  5. 如果安装了新的 OCMOD 或 VQMOD,它是否会删除 OpenCart 核心文件中已经进行的所有更改?

php opencart vqmod opencart-module ocmod

4
推荐指数
1
解决办法
698
查看次数

在 CSS 中制作透明文本并在文本形状内拟合背景图像

CSS 颜色没有透明输入,因为它们都是纯色的。所以我尝试使用 rgba 为颜色属性设置不透明度,但图像背景没有通过文本显示。有没有办法做到这一点?因此,顶部有一个背景图像和重文本,需要透明,仅显示字母轮廓。

我希望得到像dank.sh这样的结果

html css

1
推荐指数
1
解决办法
251
查看次数