2022/3/30 微信小程序

1-11

项目基本组成

pages

json配置文件

app.json

project.config.json

sitemap.json

页面.json

新建页面

修改首页

.js文件

组件

组件分类

常用容器组件

view的基本使用

view相当于div，默认占满整行，所以是纵向排列。

text-align: center;横向居中
display: flex; 横向对其
justify-content: space-around;分散布局

scroll-view的基本使用

scroll-y为纵向滚动
纵向滚动只有当其中的内容物高度大于其本身高度，才会有滚动效果
border: a solid b; 设置宽度为a颜色为b的边框线

swiper和swiper-item

swiper为最外层容器
swiper-item为每一页的容器
swiper-item中的view为内容

常用属性：

常用基础内容组件

text

注：在小程序中只有text组件支持长按选择复制，view不支持。

richtext

在服务器返回的是一个html标签时，会用到richtext组件。

其他常用组件

button

普通大小的按钮一个一行
mini大小的按钮可以多个为一行

image

image默认为300px*240px