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

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

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

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

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

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

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

好了我们写代码吧!