微信小程序开发(五)第五章表现层组件小程序组件框架构成(第一部分)小程序组件（启）视图容器Viewcontainer普通视图View滚动视图Scroll-view滑动视图swiper基础内容Basecontent图标icon文字text进度progress操作反馈Operation上拉菜单Action-sheet模态窗口model自消窗口toast页面导航Pagenavigation导航navigator小程序组件框架构成(第二部分)小程序组件（承）页面表单Pageform按钮button表单form输入input多选checkbox单选radio列表选picker内嵌列选Picker-view滑选slider切换switch标签label多媒体Multimedia音频audio视频video图片iimage小程序组件框架构成(第三部分)第1节视图容器:VIEWCONTAINER1.普通视图:VIEW小程序组件（承）地图map地图map画布canvas画布canvas客服会话session客服会话Contact-button+横向排列
+纵向排列2.滚动视图:SCROLL-VIEW3.滑动视图:SWIPER第2节基础内容:BASECONTENT基础内容包括:图标,文本,进度条.以下对三项内容分别进行详解.1.图标:ICON+上下滚动+左右滚动+轮播图2.文本:TEXT3.进度条:PROGRESS+图标+文本{{text}}addlineremovelineAddlineRemoveline+进度条20%第3节页面表单:PAGEFORM第4节操作反馈:OPERATIONINTEATION1.上拉菜单Action-sheet:上拉菜单；Action-sheet-item:上拉菜单项目；Action-sheet-cancel:上拉菜单取消按钮；详见图示。=表单组件+button+checkBox+radio+input+label+picker{{ary[idx]}}+slider+switch+textArea√Label:user-name12:512:513:02．模态窗口：MODALMODAL将被废弃,请使用来实现,不讲.3.自消窗口:TOASTTOAST将弃,请用,不讲.4.正加载:LOADING第5节页面导航:PAGENAVIGATION+上拉菜单{{itm}}取消+正加载正加载⋯正加载⋯新页打开本页打开页签切换新页打开本页打开页签切换第6节多媒体:MULTIMEDIA1.音频:AUDIO2.视频:VIDEO从头再来刘欢00:0播放|暂停|14秒|开始(4个)Page({Onready:function(e){=(myAudio)},Data:{poster:img,name:n,author:a,src:s},Play:function(){⋯})00:0获取发送Page({Onready:function(e){=()},Blur:function(e){=Send:function(){3.图片:IMAGE第7节地图:MAP第8节画布:CANVAS详细绘图API请参照绘图一章+图片+地图+标记结构Marker:{longitude:lo,latitude:la,name:n,desc:d}+覆盖物结构Cover:{longitude:lo,latitude:la,iconPath:ip,rotate:r}+画布+JS部分Page({Varctx=()⋯⋯})第9节客服会话:SESSION客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。欢迎阅读下一章
