小编Ric*_*way的帖子

如何使用 NPM 和 Gulp 安装 Slick Carousel?

除了npm install slick-carouselnpm 网站上,我找不到任何关于此的文档。我没有太多以这种方式安装插件的经验,所以如果有人能帮我一把,那就太好了。

这是我到目前为止收集的内容:

  • 我通过 npm 安装 jquery,以便 slick-carousel 可以运行并使用 安装它npm install jquery --save,以便(从我收集到的)它包含在我的package.json文件的依赖项中。
  • 然后我以相同的方式安装光滑的轮播,使用 npm install slick-carousel --save

但是然后呢?我看到有人说我也需要require/importglobal.jsstyle.scss文件中的一些文件,但我似乎无法弄清楚哪些或如何?我添加的任何内容都不起作用。

有人可以给我一个快速的纲要,或者指出我正确的阅读方向,因为我真的迷路了?

谢谢!

installation jquery npm gulp slick.js

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

如何更改 Vue Slick Carousel 中箭头的样式颜色?

我在我的项目中使用vue-slick-carousel作为轮播。我想在不改变这个包的模块中的样式的情况下改变箭头的颜色。我在主 CSS 文件中添加了此代码,但这对我不起作用

        .slick-prev:before,
            .slick-next:before {
                font-size: 20px;
                line-height: 1;

                opacity: 0.75;
                color: red !important;

                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
        }
Run Code Online (Sandbox Code Playgroud)

sass carousel vue.js slick.js nuxt.js

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

Slick 滑块 - 将类添加到“slick-active”

我正在使用光滑的滑块。

有谁知道如何向“slick-active”滑块添加一个类?

我正在展示 3 张幻灯片,我希望每张幻灯片都有不同的类:左侧幻灯片一个类,中间一个类,右侧幻灯片另一个类。

例如,对于活动的左幻灯片:“slick-active-left”。

在此输入图像描述

css class slider carousel slick.js

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

如何重置光滑滑块位置?

我正在制作嵌套的光滑滑块。我希望单击任何第一个滑块元素隐藏第一个滑块并显示第二个滑块(在第一个滑块的子块上创建)。我遇到的问题是幻灯片在我的预览块之外开始(参见图片)

  1. https://i.stack.imgur.com/nBXLD.png(第一张幻灯片)
  2. https://i.stack.imgur.com/vIJNG.png(第二张幻灯片,单击第一张幻灯片元素)
  3. 滑轨 div 位于滑块外部

这是我的代码:

html:

<div class="slides-preview">
<button type="button" class="arrow-prev></button>
<div class="slide1">
   <div class="slide1-elm">
      <div class="header">Name slide 1 element 1</div>
      <div class="slide2">
         <span class="close">close</span>
         <div class="option"></div>
         <div class="option"></div>
         <div class="option"></div>
      </div>
   </div>
   <div class="slide1-elm">
      <div class="header">Name slide 1 element 2</div>
      <div class="slide2">
         <span class="close">close</span>
         <div class="option"></div>
         <div class="option"></div>
         <div class="option"></div>
      </div>
   </div>
   <div class="slide1-elm">
      <div class="header">Name slide 1 element 3</div>
      <div class="slide2">
         <span class="close">close</span>
         <div class="option"></div>
         <div class="option"></div>
         <div class="option"></div>
      </div>
   </div>
</div>
<button type="button" class="arrow-next></button>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS: …

jquery nested slideshow carousel slick.js

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

保存一次性密码以供验证

我正在开发一个 OTP 服务来通过短信验证用户。要验证 opt 消息,保存 OTP 的最佳方法是什么?我正在考虑使用像 Redis 这样的缓存选项。

谢谢。

authentication caching one-time-password redis

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