微信小程序——评测小程序首页的实现_微信小程序开发实现首页实验报告

作者：weixin_40725706 | 2024-07-01 04:59:20

踩

微信小程序开发实现首页实验报告

先梳理一下涉及到本次综合案例的知识点：

布局基础

：它分为flex布局基础和相对定位和绝对定位
flex布局基础：可以实现浮动布局的所有内容，先了解flex的容器和元素。
在这里插入图片描述

如图：Flex container即橘色背景为flex的容器，而item1和item2即黄色正方形为flex的元素，从左到右的横线叫做主轴，从上到下的横线叫做交叉轴，这是在默认的情况下，当然我们也可以从容器中设置改变这个关系。
相对定位和绝对定位：相对定位的元素是相对自身进行定位，参照物是他自己本身。绝对定位的元素是相对离他最近的一个已定的父级元素进行定位。
组件的使用：组件是视图的基本组成单元并且它自带一些功能，他有开始标签和结束标签。每个组件在微信小程序文档中有事例代码，我们可以复制修改。
视图容器组件：分为view、scroll-view、swiper。
view:相当于html中的div。
scroll-view：可滚动的视图区域。这是它的属性：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/775155