电商小程序实战教程-首页开发

我们利用21篇文章讲明白了电商小程序后台管理的功能,本篇我们开始介绍顾客侧的功能。一般顾客打开小程序先需要浏览商品,然后将商品加入购物车,选购好了之后进行结算。

设置背景色

一般小程序的页面都有个背景色,我们可以在页面里进行设置,但是添加一个容器设置会更方便一点。往页面中添加一个普通容器。修改样式,宽设置为100%,高设置为100vh
在这里插入图片描述
一般样式的单位是px,我们这里用%表示比例,100%就代表横向填满。纵向的话vh代表窗口的高度,100vh表示纵向填满。

先让这个普通容器填满整个屏幕,然后背景色可以设置成ffffff
在这里插入图片描述
我们这里背景使用颜色填充,颜色的值设置成#ffffff,这里的颜色是用的16进制,输入进去是一个白色。

还有为了页面不太拥挤,我们给普通容器设置一下内边距,各设置为15
在这里插入图片描述

搜索功能

首页一般在顶部有个搜索框,一点的话进入到搜索页面,我们先在普通容器里再增加一个普通容器用来放置搜索

猜你喜欢

转载自blog.csdn.net/u012877217/article/details/125000021