00:00
好,来下一个。啊,下一个呢,我们来继续往下做的话,下面有两个可以做的,一个是这个,我们可以把这个做一下,这个是要做做什么去做轮播是吧。而我们这一次准备用什么来着,是不是用呀。对吧,用swe,那首先还是一个是用we,其实非常简单,我们先去找那个户对吧?啊搜索一下都行swe。第一个去官网嘛,对吧,打开。好,那我们需要去看一下它的一个使用的什么,是不是教程对不?其实最先我们应该先干嘛去,你看他去引入了样式,引入了GS,我首先那个干嘛呀。是不是下载扔了吧,那我去干嘛去。你这个简单啊,前面大家应该也做了,我们就开始做一下NPM杠杠哪一个什么跑。
01:12
然后我们现在应该应该用的是四点几的版本啊,在他之前有个三点的版本,那你们公司呢,可能会用三点几的版本,也有可能,但没关系,都差不多。啊,不会有太大变化。好下载好了以后呢,那我们就需要去引一些JS来去,在我们当前的现在我要去写了一个组件。是不是写他呀。摁着吧,写他啊来,我把节的其他都关了,写这写这个了,这里面引入GS和引入CSS,看这里啊。那CSS呢,我们完全可以在首页去引入,在页面里面引入都可以,懂不懂就大家去引入它的时候,完全可以去页面里面引入都没问题。
02:05
嗯。那你说我想在这一路,其实应该我测了一下,应该在这里面也可以啊,比如说你就想我们这就这个组件使用了是吧。就这一个组件使用了,那我也可以在这引入,把那GS和CS都引入进来也是没有问题的,大家可以看一下啊,我先要确保它它有了,来先引一下GS,看看有能没能引啊,它得到的是一个sweet这样一个构造函数。有吗?有吧,有,那我要去引CS,怎么引呢?直接后面写什么。后面写就算路径对不对,先找到swe。下面的什么呢?D下面的CS下面的。能看到吧,我用这个压缩版本是不是就可以,我又不去看它的源码对不对,这样式源码没必要看。
03:05
那也就是首先大家看到啊,这个地方这种定位方式,有人说老师我怎么知道要写Dis的,其实这个也不用背,你进去看是可以看到的。对吧,我们把这个打开先找到谁维,因为这S比较靠后,所以呢,我快速的滑一下。啊,在这。对吧,现在是不是相当于定位在这个文件夹这里来了,接着呢D接着呢CSS。看到吧,看到啊。那看到以后呢,下面啊,我们怎么用呢,对不对,怎么用呢,这一个结构啊,首先你的标签需要写一些特别类名。懂不懂?你看container什么意思?容器,接着是里面有一个什么,用来去显示那个轮播,那个多液的那个包裹,而每一个里面的div就是一个什么。
04:10
就是一页,而一页它成为一个什么力的,看到了吗?一个滑宽可以这么说对不对,好下面还有一个什么,还记得这个叫什么叫分页指示器,或者叫分页器,它你实际上它是个容器啊,它是个容器,最终我们这里面是不是会包含一些点啊。能不懂会包含一些点,这个点需要我加吗?不需要,不需要我们去加,它会自动的标懂不懂,好,我看一下我们的。那你再去写模板的时候,就应该按照他的要求去整。看到这不就是我们整个吗?大家看到最外围是什么?Container container包含两个部分。一个是那个滑块,多个滑块的包裹是吧,多个页面的包裹,接着是那个什么啊,那个指示器的容器,三四个容器对不对,里面不用写东西,名字都一样的啊,名字都不能弄下面。
05:15
这里面每一个都教一个什么sweep guy使力的。在整个类名是不是跟他是要求是一致的。你只有按照他的要求这个类型去写,才有一个比较好的样子。好,接着啊,我们需要去写点什么,减S,我们是不是要六一个呀?好,我在什么时候溜呢?是不是我把6S的代码写在哪里呢?我现在。外面。对吧,也就是说大家想啊,我60的时候的保证页面已经显示了。
06:05
对不对,其实啊,就有一个非常常用的一个,咱用的东西不就这几个对吧,在这可以不完全可以没问题,也就此时我们去干嘛去创建一个啊维对象对吧,维实力对象。懂吗?来实现什么?是能播对吧。来干嘛一个。好,这个地方是不是传递参数,看它的第一个参数传的什么,那个容器的选择器对不对,我有没有这个类型,有那就把它拿过来,接着传的是什么。配置对象对吧,因为这个对象里面所有的属性不能随便瞎写,对不对啊来。
07:07
看一下这一个是什么意思,可以思吗?无缝发是就什么意思,是不是可以循环的,能不真的不循环,能不OK,好下面啊,下面还有一个。什么如果需要分页器,我们就干嘛就写上它,而且这个应该也是固定的,因为我们有这个类型嘛。能走吧,嗯。好,那也就是说现在应该成了。是不是这概念啊,看看有没有乘。嗯。因为第一次还是刷新一下啊,来看一下。可不可以,可以吧,可以是没有任何问题的,当然你也可以去实现更多的一些效果,都是可以的,因为它这个里面是有文档的啊,也有文档,除了这个是一个简单的使用教程,非常简单,没写太多,那如果你想去学它更多的东西,那你可以看他的什么是API文档,API文档里面还是搞得比较清晰的,也有例子啊,去教你怎么做啊,很多效果都可以做。
08:27
好,这是这个啊。那我们就非常轻松的来去实现了一个这样的一个轮播的效果啊,大家要会用就掌握这种技巧,就怎么用上这个过程。
我来说两句