除了npm install slick-carousel在npm 网站上,我找不到任何关于此的文档。我没有太多以这种方式安装插件的经验,所以如果有人能帮我一把,那就太好了。
这是我到目前为止收集的内容:
npm install jquery --save,以便(从我收集到的)它包含在我的package.json文件的依赖项中。npm install slick-carousel --save但是然后呢?我看到有人说我也需要require/import我global.js和style.scss文件中的一些文件,但我似乎无法弄清楚哪些或如何?我添加的任何内容都不起作用。
有人可以给我一个快速的纲要,或者指出我正确的阅读方向,因为我真的迷路了?
谢谢!
我在我的项目中使用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) 我正在使用光滑的滑块。
有谁知道如何向“slick-active”滑块添加一个类?
我正在展示 3 张幻灯片,我希望每张幻灯片都有不同的类:左侧幻灯片一个类,中间一个类,右侧幻灯片另一个类。
例如,对于活动的左幻灯片:“slick-active-left”。
我正在制作嵌套的光滑滑块。我希望单击任何第一个滑块元素隐藏第一个滑块并显示第二个滑块(在第一个滑块的子块上创建)。我遇到的问题是幻灯片在我的预览块之外开始(参见图片)

这是我的代码:
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: …
我正在开发一个 OTP 服务来通过短信验证用户。要验证 opt 消息,保存 OTP 的最佳方法是什么?我正在考虑使用像 Redis 这样的缓存选项。
谢谢。