电商小程序实战教程-首页开发
2023-09-14 09:13:52 时间
我们利用21篇文章讲明白了电商小程序后台管理的功能,本篇我们开始介绍顾客侧的功能。一般顾客打开小程序先需要浏览商品,然后将商品加入购物车,选购好了之后进行结算。
设置背景色
一般小程序的页面都有个背景色,我们可以在页面里进行设置,但是添加一个容器设置会更方便一点。往页面中添加一个普通容器。修改样式,宽设置为100%,高设置为100vh
一般样式的单位是px,我们这里用%表示比例,100%就代表横向填满。纵向的话vh代表窗口的高度,100vh表示纵向填满。
先让这个普通容器填满整个屏幕,然后背景色可以设置成ffffff
我们这里背景使用颜色填充,颜色的值设置成#ffffff,这里的颜色是用的16进制,输入进去是一个白色。
还有为了页面不太拥挤,我们给普通容器设置一下内边距,各设置为15
搜索功能
首页一般在顶部有个搜索框,一点的话进入到搜索页面,我们先在普通容器里再增加一个普通容器用来放置搜索
相关文章
- 详细全面的postman接口测试实战教程
- Proteus使用教程并仿真51程序——LED流水灯
- 咕咕驴AI短视频一键换脸小程序源码搭建教程
- 云服务器上运行python程序(PyCharm本地编辑同步服务器+Anaconda)挂载跑实验详细教程[通俗易懂]
- activiti7实战教程(一)集成用户系统
- docker部署jenkins安装使用教程_docker封装python程序
- 小程序-微信开发者工具使用教程_小程序开发教程
- 微信小程序入门文档下载_小程序开发教程全集免费
- 微信小程序+PHP实现登录注册(手把手教程)[通俗易懂]
- telnet步骤_新手使用iphone教程
- iOS-最全的App上架教程
- ps如何激活成功教程安装免费_PS安装教程
- 微信公众号开发者账号_小程序后端开发教程
- 羊了个羊逆天改命过关法!PC小程序抓包教程
- 火爆全网的ChatGPT智能AI机器人微信小程序源码 (附带部署教程)
- [搭建教程]怎么搭建typecho博客程序(文字版)
- 免300认证费注册小程序教程
- 利用二维码进行出入库管理的优势和制作教程
- Python程序设计软件PyCharm下载:PyCharm 2022版安装激活汉化教程
- 嵌入式Linux开发学习+Source Insight 4.0 2023程序编辑器和分析工具下载+详细安装教程
- 连接Oracle数据库时报ORA-12541:TNS:无监听程序的图文解决教程
- Linux程序运行指南:简明教程(linux下如何运行程序)
- Linux安装启动引导器教程,让你轻松完成系统安装!(linux安装启动引导器)
- Linux编辑教程:如何退出编辑器(linux编辑退出)
- MySQL安装教程:使用图解指南(mysql安装教程图解)
- SQL Server 快速安装指南(sqlserver安装教程)
- 简单易学,一键打包程序 Linux教程分享(linux打包程序)
- Linux C程序中使用Curl的简单教程(linuxccurl)
- 将MSSQLServer导入/导出到远程服务器教程的图文方法分享
- Java程序生成exe可执行文件详细教程(图文说明)