用户登录

现在我要使用包管理工具去把项目要用的这个 slick 下载下来 .. 先打开命令行工具 ... 进入到项目所在的目录 ... 可以使用 npm 或者 yarn ..

yarn add slick-carousel

下载下来东西你可以在 node_modules 目录的下面找到 ..

这里有个 slick-carousel .. 它下面有一堆文件 .. 我们真正需要的东西在 slick 这个目录的下面 ..

这里你会找到 slick 需要的两个 css 文件,还有一个 js 文件 ..

注意这里的样式还给我们提供了 less 还有 sass 版本 .. 在项目里, 你可以直接使用编译好的 css .. 如果项目支持编译 sass 或者 less ,也可以使用这个 sass 或者 less 版本的样式 ..

这个目录的下面还有一个 fonts 目录,里面有一些字体 .. 这些是图标字体 .. 里面包含了 slick 需要的一些小图标 ..

我们的项目里用的本地服务器已经配置好了,可以直接使用在 node_modules 目录下面的资源 ..

把在 cdn 上的这两个样式表,替换成本地的版本 .. 在 node_modules 目录下面的 slick-carousel/slick 这里 ..

页面的底部还有一个 js 文件 ... 换成 . slick-carousel/slick ...

到浏览器上预览一下 ..

在页面上的旋转木马仍然会正常工作 .. 现在这个功能用的资源会来自我们自己的服务器 ..

下载 slick《 网页设计案例:旋转木马 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点