2-4 【接口Interface Flex布局】让顶部导航滚动

 


能够把复杂的类型作命名。例如接口中没有定义年龄，在定义person的时候 若是写了age那么就会报错。由于咱们接口中并无定义年龄。

可选属性，只读属性

新的布局方式





下面这里menu设置类型为TopMenu的接口，那么后面的热门、男装、手机 就报错了。

输入了title属性后，还缺乏link的属性。



想让link属性可选。link属性后面加问号就能够了。


设置link属性为只读的

由于link设置了为只读的，因此下面定义的test方法里面给link属性赋值就会报错了。

接口的函数定义

参数都是number类型的。返回的类型也是number类型的


es6箭头函数的写法

至关于下面这种方式的简写，省略了大括号和return

只有一行内容能够简写成这种写法

 

接口-字典类型

定义索引的类型是字符类型，且索引值也是字符类型。



定义字典类型的时候，若是复制了数字1 那么就会报错了。由于规定的是string类型的

改为string类型就没问题了



输出a的值看一下


前端须要改一下


把test改为constructor构造函数

默认输出了字典的值


这里为何有绿线呢？

实际上是能够直接用点的形式，这种写法



把josn的数据 复制过来。




咱们但愿菜单是不折行，在上面滚动的。外层用flex布局



按照行布局



每一个item折行了。






column布局

row-reverse

倒着排列。人们拍在了最后。



竖着，倒着



默认就是横向的 ，不须要加

每一个item折行的问题

避免折行的属性。


在手机上看的话，这里行下面就会有个滚动条出现。

这个滚动台实际上，咱们是不须要的

这样他在真机上就没有滚动条了，在浏览器管是看不出来的

真机调试

‘

结束