网站建设策划方案书论文,合肥公司注册平台,微信小程序模版,工程承包网站哪个好?组件 — view和scroll-view
view
类似于HTML中的div#xff0c;是一个块级元素
案例#xff1a;通过view组件实现页面的基础布局 scroll-view
可滚动的视图区域#xff0c;用来实现滚动列表效果
案例#xff1a;实现纵向滚动效果 scroll-x属性#xff1a;允许横向滚动…组件 — view和scroll-view
view
类似于HTML中的div是一个块级元素
案例通过view组件实现页面的基础布局 scroll-view
可滚动的视图区域用来实现滚动列表效果
案例实现纵向滚动效果 scroll-x属性允许横向滚动scroll-y属性允许纵向滚动 在使用竖向滚动的时候必须给 scroll-view 一个固定高度 组件 — swiper和swiper-item
swiper
轮播图容器组件
swiper-item
轮播图item组件里面每一个可以轮播的item项
案例实现轮播图效果 swiper组件的常用属性
indicator-dots 默认值false 是否显示小圆点 indicator-color 指示点颜色
indicator-active-color 当前选中的指示点颜色 autoplay 是否自动切换轮播图
interval 更改自动切换时间间隔 默认为5s5000 circular 默认值false 是否采用衔接滚动 最后一张 - 第一张
组件 — text和rich-text
text
文本组件类似于HTML中的span标签是一个行内元素
selectable属性实现长按选中文本内容的效果场景长按选中复制 注意小程序里只有text组件支持长按选中操作 rich-text
富文本组件支持把HTML字符串渲染成WXML结构
nodes属性实现把HTML字符串渲染为对应的UI结构 组件 — button和image
button
type属性 —— 指定按钮类型 sizemini —— 小尺寸按钮 plain属性 —— 镂空按钮没背景色但有边框线 image mode属性
常用属性值
scaleToFill 默认值 使图片的宽高完全拉伸至填满image元素
aspectFit 在保持纵横比的情况下缩放图片使图片的长边能完全显示出来 aspectFill 保持纵横比缩放图片只保证图片的短边能完全显示出来也就是说图片通常只在水平或垂直方向是完整的另一个方向将会发生截取
widthFix 宽度不变高度自适应保持原图宽高比不变 heightFix 高度不变宽度自适应保持原图宽高比不变直到把整张图片完整显示出来为止 小程序API的三大分类
事件监听API
以on开头用来监听某些事件的触发
eg. wx.onWindowResize 监听窗口尺寸变化的事件
同步API
以Sync结尾的API
eg. wx.setStorageSync(key,value)向本地存储中写入内容
异步API
需要通过success、fail、complete接收调用的结果
eg. wx.request() 发起网络数据请求通过success回调函数接收数据