navigator
文档：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
url：页面路径
• 支持相对和绝对路径
• 路径为空时会报错
hover-class：点击态的样式，默认按下时会有一个样式
• none 禁用点击效果
open-type：跳转方式
• switchTab 跳转到 tabBar 页面
1 <!-- 导航组件，相对路径, 以路由的方式写路径, 不要带后缀名, 加载对应页面的四个文件, ../ 基于当前文件的上一级目录 --> 2 <navigator url="../logs/logs">跳转到logs页面</navigator> 3 <!-- 导航组件，绝对路径 --> 4 <navigator url="/pages/demo/demo">跳转到/pages/demo/demo</navigator> 5 <!-- 导航组件 hover-class="none" 取消默认的交互效果 --> 6 <navigator hover-class="none" url="/pages/demo/demo">跳转到/pages/demo/demo</navigator> 7 <!-- 导航组件 open-type="switchTab" 当logs页面配置成了tabBar的时候，想要跳转，需要添加属性open-type="switchTab" --> 8 <navigator url="/pages/logs/logs" open-type="switchTab">跳转到/pages/logs/logs</navigator>
image
占位容器：
• image 组件是一个有默认大小（320 x 240）的“盒子”
缩放模式：
• scaleToFill 不保证缩放比，图片拉伸填满容器，
• aspectFit 保证缩放比，使图片的长边显示出来
• aspectFill 保证缩放比，使图片的短边显示出来
使用原则
• 指定“容器”的大小，根据设计稿设置 image 的宽高尺寸
• 图片铺满容器，设置 aspectFill 缩放模式
swiper
组件结构
• swiper：滑块容器，只能嵌套 swiper-item 组件
• swiper-item：滑块单元，可以嵌套任何内容，如 image
组件属性
• indicator-dots是否显示面板指示点
• autoplay 是否自动切换
• circular 是否衔接滑动
表单相关
输入框：input
• password 密码类型、placeholder 占位文字
单选框：radio-group 和 radio
• value 指定表单数据、checked 选中状态
复选框：checked-group 和 checkbox
• value 指定表单数据、checked 选中状态
选择框：picker
• mode 选择类型，region 省市县、date 日期
scroll-view
组件结构：
• scroll-view 内嵌套可任意内容，要求必须有溢出
• 垂直滚动时必须要指定高度
组件属性：
• scroll-x 允许水平方向滚动
• scroll-y 允许垂直方向滚动
• refresher-enable 启用下拉刷新交互
标签：03,轮播,缩放,image,程序,表单,跳转,组件,swiper From： https://www.cnblogs.com/wang1001/p/18140861