用户登录

NinghaoNgCamp:用过 Angular 才知道它有多强大。了解详情 / 报名参加 →

打开小程序的主样式文件 .. 这里可以先设置一下 page 的背景颜色 .. 一个 page,把 background 设置成 #f8f8f8 .. 是一种淡淡的灰白色 ..

如果一组内容要点满整个页面的高度,我们可以把它们放在一个带 section 类的容器里 ..

这里可以再设置一下 .section 的样式 .. 用一个 height,把容器的高度设置成 100vh .. vh 表示 viewport height ,100vh 就是占满整个视口的高度 ...

回到页面的视图 .. 在这个 section 容器里再嵌套一个容器 .. 里面可以添加点样式 .. 一个 background 设置一下背景颜色 .. 再用 height 设置一下高度 ..

这个 section 里的容器会占用百分之 38.2 的页面高度 ..

再复制一份这个 section 容器,还有它里面包装的东西 ..

你会发现,每个 section 容器都会占用一个页面的高度 ..

容器样式《 微信小程序:案例 》

统计

10872
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点