uniapp入门到进阶一2基础知识全回顾

　　接下来的内容我们只介绍干货，不扯犊子。
　　一、uniapp组件
　　视图组件，用来包裹其他组件
　　1、view。使用频率最高的组件（如果使用小程序编译会默认转换为view）templateviewclassuniflexunirowviewclassflexitemunibgredAviewviewclassflexitemunibggreenBviewviewclassflexitemunibgblueCviewviewtemplate
　　2、scrollview。滚动组件templateviewscrollview：scrolltopstate。scrollTopscrollxstate。scrollXscrollystate。scrollYclassscrollYscrolltoupperupperscrolltolowerlowerscrollscrollviewiddemo1classscrollviewitemunibgredAviewviewiddemo2classscrollviewitemunibggreenBviewviewiddemo3classscrollviewitemunibgblueCviewscrollviewviewviewclickgoTopclassunilinkunicenterunicommonmt点击这里返回顶部viewtemplate
　　3、swiper。轮播图组件templateviewclassunimarginwrapswiperclassswipercircular是否循环滑动，默认falsechangechange：currentstate。current滑块当前位置：indicatordotsstate。indicatorDots：autoplaystate。autoplay：intervalstate。interval：durationstate。durationswiperitemviewclassswiperitemunibgredAviewswiperitemswiperitemviewclassswiperitemunibggreenBviewswiperitemswiperitemviewclassswiperitemunibgblueCviewswiperitemswiperviewtemplate
　　4、text基础组件。用于包裹文本内容templateviewclassunimarginwraptext｛｛state。text｝｝textviewtemplate
　　表单组件
　　1、button。按钮组件templateviewbutton：typestate。default：disabledstate。disabled：sizestate。size注册buttonviewtemplate
　　2、checkboxgroup多项选择器，内部由多个checkbox组成。templateviewclassunipaddingwrapunicommonmtviewcheckboxgroupchangecheckboxChangelabelclassunilistcellunilistcellpdvforiteminstate。items：keyitem。valueviewcheckbox：valueitem。value：checkeditem。checkedviewview｛｛item。name｝｝viewlabelcheckboxgroupviewviewtemplate
　　3、radiogroup。单项选择器，内部由多个组成templateviewclassunilistradiogroupchangeradioChangelabelclassunilistcellunilistcellpdvfor（item，index）instate。items：keyitem。valueviewradio：valueitem。value：checkedindexcurrentviewview｛｛item。name｝｝viewlabelradiogroupviewtemplate
　　4、switch。开关选择器templateviewclassunipaddingwrapunicommonmtviewswitchchecked是否禁用，默认falsecolorstate。color开环颜色styletransform：scale（0。7）通过放缩控制大小changeswitch1Changeswitchchangeswitch2Changeviewviewtemplate
　　5、textarea。文本框templateviewclassunitextareatextareablurbindTextAreaBlurvmodlestate。contentautoheight自适应高度，默认falsetextareaviewviewclassunitextareatextareaplaceholderstylecolor：F76260placeholder占位符字体是红色的viewtemplate
　　6、pickerview。嵌入页面的滚动选择器templateviewclassunipaddingwrapviewclassunititle日期：｛｛year｝｝年｛｛month｝｝月｛｛day｝｝日viewviewpickerviewvifvisible：indicatorstyleindicatorStyle：valuevaluechangebindChangeclasspickerviewpickerviewcolumnviewclassitemvfor（item，index）inyears：keyindex｛｛item｝｝年viewpickerviewcolumnpickerviewcolumnviewclassitemvfor（item，index）inmonths：keyindex｛｛item｝｝月viewpickerviewcolumnpickerviewcolumnviewclassitemvfor（item，index）indays：keyindex｛｛item｝｝日viewpickerviewcolumnpickerviewtemplate
　　7、input。单行输入框template！错误写法input：typeisText？text：numberplaceholder请输入内容！正确写法inputvifisTexttypetextplaceholder请输入文本inputvelsetypenumberplaceholder请输入数字template
　　媒体组件
　　1、image图片templateviewclasspageviewclassimagelistviewclassimageitemvfor（item，index）instate。array：keyindexviewclassimagecontentimagestylewidth：200height：200backgroundcolor：：modeitem。mode：srca2020imgdataimg。jpgdatasrcsrcerrorimageErrorimageviewviewclassimagetitle｛｛item。text｝｝viewviewviewviewtemplate
　　2、video视频播放组件templateviewclassunipaddingwrapunicommonmtviewvideoidmyVideosrca2020imgdataimg。jpgdatasrchttps：img。cdn。aliyun。dcloud。net。cnguideuniappE7ACAC1E8AEB2EFBC88uniappE4BAA7E59381E4BB8BE7BB8DEFBC8920DCloudE5AE98E696B9E8A786E9A291E69599E7A88B20200317。mp4errorvideoErrorCallbackcontrolsvideoviewviewtemplate
　　3、audio音频（小程序不建议使用，建议使用音频API）templateviewviewclasspagebodyviewclasspagesectionpagesectiongapstyletextalign：audioviewviewviewtemplate
　　其他组件webview用来承载网页的容器templatewebview：webviewstylesstate。webviewStylessrca2020imgdataimg。jpgdatasrchttps：uniapp。dcloud。iostaticwebview。htmlwebviewtemplatestylestylemap地图组件
　　后期我们将用项目详细说明其用法templateviewclasspagebodyviewclasspagesectionpagesectiongapmapstylewidth：100；height：300：latitudestate。latitude：longitudestate。longitude：markersstate。coversmapviewviewtemplate
　　常用组件已经梳理完成，其他组件我们会在后期项目中介绍
　　欢迎大家收藏、点赞和转发，我们一起学习成长！