微猪演示猪场（2）--小程序仿写

小程序仿写第二弹~

首先，今天的页面是这个样子的：

 

我把这个页面分为四个标题，四部分。

前两个容器在Y轴上分为三部分，x轴上分为两部分，具体分多少就看着图片来。

第三个容器y轴上分为两部分，右边的小容器x轴上分为三部分。

同理，第四个容器y轴分为四部分，x轴为两部分。

大概是这个样子：

用第一个容器举了个例子，图画的不好。。

然后其他容器类似。

接下来就是样式了，其实我觉得这个页面主要就是注意一下容器的划分以及各个容器的位置，样式的话看着小程序慢慢调就好了，微信小程序的话比起网页还是简单，也没什么要强调的啦，挺好上手的嘻嘻。

最后就来看一下我的成果图吧：

 

看到这里我想各位大佬会说你是不是把底部的导航栏给漏了，我想说并没有，因为这个底部导航栏是每个页面都有的，所以....留个悬念，后面会做说明的哈哈。

本人技术小白，希望各位多多包涵，欢迎批评指正，谢谢！