00:00
应该是没过瘾是吧,来啊,这个style前面我们已经说过了,它的一个使用,但是呢,我们这一次要重新的搞一下啊,首先我得干嘛去下载相关的包,这里面说一下有两个包。所以说第一个包叫sla这一个干嘛的呀,将ste的代码转成什么CSS的代码。这个能不能懂?那下面还有一个包叫s style了,是干low的,还记得no的是干嘛的,是不是做代做一些代码转换呢?就说白了,要说一个事情,Wipad本身只能理解什么GS模块。能不懂只能理解就什么呢,但是有的。除了GS,一般的GS以外,别的比如说CSS。它是不是应该有CS需要转换成GS,这个能懂不好,那这个干嘛的呢?大家知道啊,是是干嘛的。
01:05
是不是它是将我们的单句啊转换成CSS,但是这个谁能理解呢?这个外派不能理解它呀。懂不懂one派不能理解它怎么办?就对应的no的让派能够理解s style,从而能够让style能够去编译我的S转换成CSS。人说老师CSS怎么办呢?那后面的CSS不有CS吗?而CSS早已经配好了,这个是不要我们再配的,对不对?这能懂吧,这看清楚这两个,这一个是用来去将style转换成什么CSS,这一个是让one派来理解谁s style。看到他这个理解很关键啊,不要背啊,背着没什么用,那我现在要干嘛去,是不是自然就下载了。
02:01
好,下载以后,我们后面再去写样式的时候,所有的样式,写样式的时候,尤其是在组件里面写样式都是用style的语法,那这个时候就得写一点东西,什么意思呢?就是我比如说啊,我们这里面有一个它。这一个啊,这一个如平常我们见过这样的嘛。是吧,那这样的话,我在这里面去写,比如说我有一个我一个点APP有这样一个类名,接着呢,我这里搞一下,接着我去写一个color,等于。你看什么意思?是不是有红色波浪线在报错啊,报错是谁在报错。不是程序运行报错,而是这个工具他不理解这个语法。怎么让他理解是不是在这里面加这玩意,这相当于是一个什么声明,而这个声明是干嘛去的?告诉外动哥们,我里面写的是什么?语法是带的语法。
03:09
他是不是就知道了,就有的类似于我们写ES6的语法web storm是不是也开始不认识力呀,那我们怎么办呢呀,是不是改了一下配置,做了一下设置,告诉动说我整个用里面所有的代码都有可能是也带了对不对,是不是就没那些波浪线了。能不能啊,其实就是webto,我们知道我当前是写的S的语法,就这么简单一个事啊。能懂吗?能懂啊。好,没有问题,这是这一个。那它的一些语法呢,前面已经跟大家去说过了啊,主要结构化边码就是有嵌套,这个嵌套里面呢,可以省略什么大括号。冒号还是什么分号对吧,开始看的时候是不太奇怪,尤其是大家写的时候啊,一定要按table键,不要按空格,你一旦按空格就容易出问题。
04:15
再一个很重要的一个语法。大家有用吗?叫负极用,我不知道大家写的时候有没有去用这个语法,按出来说应该用到才行啊,用的挺多的是吧?好,再一个变量啊,可以定义一些简单的变量啊,再一个混合也是用的比较多的,用来干嘛的。复用CSS对吧,复用CSS导入啊艾什么port这个一看你应该能懂,就引入CSS文件好最终啊,这里面呢,我们最终就写了一个mix。第一个混合文件啊,可复用的,来这里看一下,看一下我的目录。
05:02
Common下面是什么style?大家看common下面的什么?有一个文件夹叫style,我在这个status里面再去创建一个mix。能看到吗?好,接着我在这里面啊,这个不用大家再写啊。这注意这里面写的有点不对,大家注意粘贴的时候啊,注意一下这个应该缩进。啊,这个没关系,这是工具,它不能识别啊,是对的,来看一下这里面我相当于定义了什么。是不是定义了三个变量来定义颜色,能看到吧?啊,接着定义了有的类似于函数的混合的这样函数它用来干嘛的呢?啊,一项数下边框和一项是什么?上边框我不知道大家写的时候是不是这么写的。
06:00
啊,就我你看一下我们最终的那个应用嘛,诶我们的应用还没运行起来啊,看一下这个。这里面实际上啊,跟大家说一下这个,诶这个位置啊,这个位置实际上有一有一根有一根线的啊,只是有点小模糊啊,这个有个分割线看到吧,也就这个这个底部上面上部有个分割线,那怎么样去实现呢?非常简单,就引入这个样式,引入它就能实现一个上边宽的分割线,当然也有可能是什么。下边宽了,就是下面显示在我元素当前某一个div的下面,是我有一个div是吧,我是想在div的上面去显示一个一一个分割线呢,还是在下面显示一个一下左边框的线。能懂不要能懂啊行,那后面呢,这个啊,是用来去实现一项式边框的一个一个一个代码,而这一个呢,是用来去后面用来去动态的去加载那个。
07:01
二插图和什么?三插图的这个应该去干嘛呢?庆祝活动。嗯,那后面呢啊,哪个组件需要就在哪个组件里面去引入啊,引入这些东西就都可以用啊行,这是这个。那关于这个styles的这一部分的准备,我们就先到这里啊。
我来说两句