微信小程序开发

1、微信小程序开发（五）第五章表现层组件小程序组件框架构成（第一部分）小程序组件（启）视图容器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切换swit

2、ch标签label多媒体 Multimediaaudio视频video图片iimage第 1 节视图容器：VIEWCONTAINER1 .普通视图:VIEW+横向排列+纵向排列小程序组件（承）地图map回布客服会话地图回布客服会话mapcanvascanvassessionContact-button2 .滚动视图：SCROLL-VIEW+上下滚动scroll-viewscroll-y=+左右滚动+轮播图第 2 节基础内容:BASECONTENT基础内容包括：图标，文本，进度条.以下对三项内容分别进行详解.1 .图标:ICON3.滑动视图：SWIPERtrue”class=scroll-vie

3、w-itemclass=scroll-view-itemclass=scroll-view-h+图标2 .文本:TEXT+文本textaddlineremovelineAddHneRemoveline3 .进度条：PROGRESS20%+进度条第 3 节页面表单：PAGEFORM=表单组件+button+checkBox+radio+input+label+pickeraryidx+slider+switch+textArea第 4 节操作反馈 OPERATIONINTEATION1 .上拉菜单Action-sheet:上拉菜单；Action-sheet-item:上拉菜单项目；Action-

4、sheet-cancel:详见图示。+上拉菜单Label:user-name12:512:513:0上拉菜单取消按钮;itm取消2 .模态窗口：MODALMODA 胳被废弃，请使用来实现，不讲.3 .自消窗口：TOASTTOAST 各弃，请用,不讲.4 .正加载：LOADING+正加载正力口载一第 5 节页面导航：PAGENAVIGATION1、新页打开L5新页打开f、本页打开本页打开1贝签切换页签切换kJ第 6 节多媒体:MULTIMEDIA从头再来W 放|暂停|14 秒|开始(4 个)Page(Onready:function(e)=(myAudio),Data:poster:img,na

5、me:n,author:a,src:s,Play:function()获取发送Page(Onready:function(e)=(),Blur:function(e)=Send:function()2.视频:VIDEO1.音频:AUDIO0000：0 0+图片+地图+标记结构Marker:longitude:lo,latitude:la,name:n,desc:d+覆盖物结构Cover:10ngitude:lo,latitude:la,iconPath:ip,rotate:r3.图片:IMAGE第 7 节地图:MAP第 8 节画布：CANVAS+画布+JS 部分Page(Varctx=()详细