美文网首页微信小程序
6-2 先静后动,构建新闻详情页面样式

6-2 先静后动,构建新闻详情页面样式

作者: 留白_汉服vs插画 | 来源:发表于2017-11-21 10:01 被阅读12次

知识点1、前端代码书写,先静后动,先样式再数据。

先考虑静态标签,在考虑js脚本。前端样式写好了之后,再考虑从服务器获取数据。  

根据这个规则,我们就可以先写详细新闻页面的标签,后写样式,再动态获取数据。

知识点2、根据设计图开始构建整体。整体是垂直分布,其中包含水平分布。分析设计图的整体构成:

构建的框架代码如下:

效果如下,还没有写样式

小技巧,右键,可以格式化代码

知识点3、设置样式

最外的容器样式:弹性盒子,列布局

设置class

然后设置相关的样式

相关文章

网友评论

    本文标题:6-2 先静后动,构建新闻详情页面样式

    本文链接:https://www.haomeiwen.com/subject/zgcepxtx.html