微信小程序之入门(3)实战篇

如果大家看完了基础知识，那么现在我们就开始做一个属于自己的小程序吧！没错，我们要做一个电商类的小程序。

在开始之前呢，我们先分析一下它的整体结构：上半部分红色区域与下半部分为两部分，所以我们可以写两个view来实现界面的分部；

1.红色部分呢有一个搜索框，红色部分也是一张image图片。

搜索框我们就用input来实现吧，背景图片我们要插入一张图片；

2.好的，上半部分分析完了我们分析下办部分，下半部分呢首先要有一个view来实现“为你推荐”，下面呢整体是一个view，然后插入图片和文字就好了。

好了我们写代码吧！