2微信小程序的UI设计

参考文档：
w3cschool:https://www.w3cschool.cn/weixinapp/vuis1q9m.html
csdnblog对盒子的介绍:https://www.cnblogs.com/dragondean/p/5922740.html          
微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/component/

 

1xml组件介绍
view，scroll-view（滚动框），checkbox（多项选择器），input（输入框），form，radio（单项选择器），slider（滑动选择器），label（标签），navigator(导航,应用内跳转)，swiper（滑动框,一个页面只能有一个），多媒体audio,image,video，客服电话contact-button，

所有组件都拥有的属性：id,class,style,hidden,data-*（组件上触发事件时，会发送给时间处理函数的属性bind*/catch*，*为事件类型名称）

image

image的参数：mode调整图片规格
图片路径的定义，首先知道正在编辑的页面的路径。
../代表上一级
../../img/  相对路径
/img/pic.jpg  首先返回工程的整个文件夹