微信小程序开发（五）第五章表现层组件小程序组件框架构成（第一部分）小程序组件框架构成（第二部分）小程序组件框架构成（第三部分）第 1 节视图容器:VIEWCONTAINER1•普通视图：VIEW+横向排列〈viewclass 二"flex-wrpstyle 二"flex-direction:row;">〈viewclass 二"flex-itembc_green">〈/view>〈viewclass 二"flex-itembc_red">〈viewclass 二"flex-itembc_blue">〈/view〉+纵向排列
〈/view>〈/view>〈/view>OOOinterval=52.滚动视图：SCROLL-VIEW3•滑动视图:SWIPER+轮播图〈swiperindicator-dots=3autoplay=trueduration=10>〈blockwx:for 二{{imageUrls}}>〈/swiper-item>节基础内容:BASECONTENT 基础内容包括:图标,文本,进度条.以下对三项内容分别进行详解.图标：ICON20%••+图标〈icontype 二 successsize=40/>〈icontype 二 successsize=40/>2.文本：TEXT3.进度条:PROGRESS+进度条(progress percent=20 show-info/>(progress percent=30 stroke-width=30/>(progress percent=40 active/>(progress percent=35 color 二pink/>第 3 节页面表单:PAGEFORM=表单组件+button〈buttontype 二 pramarybindrap 二 hdl>〈/button>+checkBox〈checkboxvalue=vchecked=true/>+radio〈radiovalue=vchecked=true/>+input+label〈label>・・・〈/label>+picker〈view>{{ary[idx]}}〈/view>+slider〈sliderstep=1bindchange 二 evt/>+switch+textArea〈textArea>・・・〈/textArea>第 4 节操作反馈 OPERATIONINTEATION1.上拉菜单Action-sheet:上拉菜单；Action-sheet-item:上拉菜单项目；Action-sheet-cancel:上拉菜单取消按钮；12:5详见图示。正加载…+上拉菜单{{itm}}取消2.模态窗口:MODALMODAL 将被废弃，请使用来实现,不讲.3....
