微信小程序开发-各组件

注：本文章只描述一些重点，详情使用方法见官方文档：微信开放文档/开发

app.scss文件里是全局样式，page.scss是局部样式，局部覆盖全局
.wxml文件是写整个布局框架

一、view 组件

view 是小程序提供的容器组件，可以直接当成 div来使用也是一个块级元素，占据一行
需求：绘制一个盒子，让盒子的宽度占屏幕的一半，如果要实现需求，不能使用px，px是固定宽度，不能实现自适应，需要小程序提供的 rpx，小程序规定屏幕宽度都是750rpx

开发建议：
1.开发微信小程序可以把iPhone 6作为视觉稿的标准，iPhone 6的设计稿一般是750 px
2.如果用iPhone 6作为视觉稿的标准，量取多少px，直接写多少rpx即可，开发起来更方便，也能够适配屏幕的宽度

二、swiper 组件

小程序中提供了 swiper 和 swiper-item 组件来实现轮播图：
swiper：滑块视图容器，其中只能放置 swiper-item 组件，宽度自动设置为100%
w