微信小程序基础知识--内容页

一、火锅布局

banner 区块布局

banner（大块）

图片  banner img

图片 music 音乐

1.1  WXML

 WXSS

大块块：宽度是整个屏幕的宽度可以不用设置    相对定位

大块的图片：撑满

 音乐：绝对定位  左侧宽度 上方宽度

 

音乐设置一个动画

让它顺时针旋转0%，角度为0度

 让它顺时针旋转50%，角度为180度

 

转一圈2s  不停重复

 

 

二、文字内容（大块）content-box

左右都有   弹性布局

左可缩放  右有固定的宽度

reser (大块中的块)

左pthone     右btn  btn

WXML

 WXSS

content-box   宽度720  高度自动撑开  上下左右间距20

 reser (大块中的块)    弹性布局  两端对齐  交叉轴方向居中对齐  下方还有边框黑色   内边距上下，左右

 

 

 

 左pthone    固定比例    文字大小

按钮   宽度  高度60    行高60  居中  背景颜色 文字颜色  

 

 

 

 

三、列表布局

简介

WXML

wxss

 

首行缩进

 列表

WXML

 

左右 20  下边框  两端对齐