开源鸿蒙跨平台开发者社区

第一步初始化：项目的初始化

　　将所有的样式，js都移除了然后再自己写》》》快捷键：page  APP

 

第二公共头部组件：

　　公共的头部，要放在component里面；因此要新建一个components文件夹

　　如何使用：要在页面的json文件中进行声明

　　

 

 　　样式的结构还是得好好研究一下的

 

第三首页导航模块

　　公共的接口地址吗

　　

 　导航交互的问题，还有点击事件。表示会有些不同　

第四轮播图

　　也是一样的请求，然后用到内置组件slider

第五个视频列表

　　 detail.json中接收过来的参数（options）

　　也是在onload呀

 

https://github.com/yqxshiki/Wechat-applet-imitates-Bili

https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili

 

 

检查知识盲点：

　　align-items：center；水平居中   align一条直线   

 　 justify-content: center;  也是居中的，

创建这个公共的组件，说白了不就是引用这个文件吗？

我依然要在组件上写样式，还有视图层

1.新建component组件文件

2.然后在引用的页面的json文件中写入该路径

3.在视图层，引入组件

 

1.接下来就是调用数据接口

　　a> 请求到的数据，setData到data属性定义的数组中；

　　b>绑定点击事件bindtap;