博罗东莞网站建设,网站工作室,网站正在建设_敬请期待!,wordpress slider设置学习网址#xff1a;http://xingship.com
我们会看到很好看的布局方式#xff0c;我个人比较喜欢的某款app的布局方式#xff0c;如下。 非常喜欢他们家的app 页面布局。再回来看看#xff0c;http://xingship.com 这个网站也有类似的布局 看到#xff0c;这两个UI的风格…学习网址http://xingship.com
我们会看到很好看的布局方式我个人比较喜欢的某款app的布局方式如下。 非常喜欢他们家的app 页面布局。再回来看看http://xingship.com 这个网站也有类似的布局 看到这两个UI的风格比较像。只是http://xingship.com 他们这个更为粗糙小作坊的作品。但是这个并不影响我们学习他的技术点。
首先我们在pc上 打开该网址然后F12进入到开发者模式让我们来看看 我们看到貌似用的是vue框架。引用到了vue.js。接下来看看他的布局结构。
浏览页面的时候我发现这个网站做了一些动画在里面下一篇再扒一扒。这一篇先看瀑布布局。继续往下撸。
我们找到这个节点 这个节点下面就是我们正文内容。我们需要的。看看他怎么实现的
我发现他有好几个index 不知道是干啥的最后我发现首页就是index0
继续撸进入到index0的内容中发现他列举了两列到这里给了我一个启发。 我的启发就是这两列就是瀑布的错开的那两列不知道算不算奇思淫巧。好貌似懂了这个瀑布布局方式了。
留个悬念给大家大家明白了吗瀑布的布局
