00:00
好,我把这边呢再刷新一下啊,里边仍然是有这三个数据,注意啊,下一个功能是什么?当我鼠标放上来之后,没有任何的高亮显示,我们来看看这边做的啊,当我鼠标放上来之后,大家看有高能显示,背景和前景的颜色发生改变,并且后边出现一个删除,而当前我们的这个有没有删除呢?是不是还没有。那所以说接下来咱们把这个功能做一下啊,那该怎么做呢。啊,这样啊。我们回到我们当前这个item组件当中啊。Itm组件这里边注意看啊。这块是Li标签,应该说当我把鼠标放到Li标签上的时候,有高联显示操作。呃,然后离开呢,就没有了,这是一种高亮显示的效果啊,进来就有,离开就没有了,所以说我们应该在Li标签上边给他来什么呢?鼠标的事件,那我这块就给它来一个mouse。还应该有一个事件,来一个猫斯六。
01:00
注意啊。好做什么事情?那这块先给他一个回调函数啊,叫mon handle。然后呢?这也是。这是一,这个是二,但是我们想一下啊。这两个事件进来呢,高亮离开没有高亮,我说他俩做的事情是非常类似的,无非进来之后把背景前景改一下颜色,离开之后背景前景颜色再改一下对不对?所以说这样来看,我没有必要来两个事件,或者或者没有必要来两个回调函数啊,事件应该是两个事件,我怎么办呢?用一个回调函数,只不过我这个位置给他传一个处。这个位置给它传输一个false。然后呢,我需要这么一个回调函数,没有怎么办?Setup括号括号里边return括号这里边需要这么一个国家数,没有啊怎么办?抗定义出来。注意,因为它内部传入了一个什么true和false true就代表鼠标进入离啊,False就代表鼠标离开,所以说我在这个位置应该有一个我写个flag吧,Bo类型。
02:03
把格画下。那这个啊,它是鼠标进入和离开事件的回调函数,在这里边儿我们需要做判断。如果flag为。再来一个else,很明显这是鼠标离开,对不对?而上边这个是鼠标进入,鼠标进入应该改变它上边的样式,就是前景颜色和背景颜色呗。既然如此,我要想改变当前这个标签的样式,那我可以这样做。冒号style。对吧。然后在这里边我给他来一个background color BA。Co,我再来一什么呢,EG卡。这是背景颜色,还应该有个前颜色,前景颜色就是color,那我这边就写个什么呢,呃。用这样的。那OK,但是这两个表达式有吗?没有复制。
03:00
放到这来。好,把上边这个也复制放到这来,小逗号。那我现在需要这两个数据,没有怎么定义。Comes,先来第一个BT。等于我用ref的方式,因为里边无非就是存储这个什么颜色的值嘛,那默认B颜色是WH白色。它代表是背景色啊,当然ref需要引入。搞定。好,还有CTRLD下之后把它复制一下。注意,这个是black black。好搞定。但是这两个颜色会发生变化对不对?由于它们俩返回来的都是ref对ref对象,所以说这应该是BJ,鼠标进入时候BG color.Y6应该等于什么呢?比如说我给它来一个pink。好,那后边的MY color.value鼠标进入的时候,这个什么的前景颜色啊,我就给它变成呃,比如说G吧GR。
04:01
好,那我大想我离开呢,是不是应该把颜色给它恢复吧?那这个是白色,那这个是black。保存一下,我们打开界面看效果。在这边啊,这是咱们的刷新。是不是进来有没有效果,有点效果。但是背景没有变化是吧,前景变了,所以说我们来看看有没有问题,Backj RO这单词写错了,Backc好保存。再来看一下啊刷新。大家看一下没有问题,但是很奇怪呀。人家这边有按钮啊,我这边没有按钮啊,所以说我们再来看啊,我们这个里边也有按钮,只不过这块有个style display变成那不要了,直接换成V杠受,等于给他来一个A字受,那A字数默认不显示。我应该需要这个数据,没有。拿过来。然后呢,在上边再定义cost is受也是ref类型的,那我默认给它一个什么呢?False false就是不显示呗,是吧,背景色这个是前景色。
05:07
前景色好,这个是什么呢?设置这个按钮默认不显示。那我鼠标进来的时候,大家想它是不是应该变成处吧,A受这个ref啊,对象它的Y6应该等于处,那当我鼠标离开的时候。应该把它再变成false好保存,你会发现代码写对了没有效果。啊,刷新。此时鼠标进来,仍然没有按钮,这报错了吗?没有,我来告诉大家啊。因为在咱们下边有一个样式里边还有一个display没有注释掉。啊,现在呢,我们再打开界面,大家来看一下。是不是OK了吧?啊好了,这就搞定了啊。
我来说两句