微信小程序> webapp功能和组件介绍-微信小程序制作

webapp功能和组件介绍-微信小程序制作

浏览量:2518 时间: 来源:即速应用

小程序在线学习平台

:http://school.jisuapp.cn/

功能介绍:

一.点击事件

1. 页面跳转

页面跳转可跳转至应用内任意页面,或是后退页面,或是跳转至自定义链接

选择自定义链接时,需要输入链接

2. 功能

可调用的功能有拨打电话、刷新页面和刷新列表

1)拨打电话

在手机点击时可拨打你输入的电话号码

2)刷新页面

在手机点击时可刷新页面

3)刷新列表

在手机点击时可刷新绑定的动态列表,刷新列表只能用于刷新动态列表组件

刷新对象:选择本页面里某个动态列表组件

索引字段:索引字段里的选项是刷新对象绑定的数据对象的索引字段

索引值:输入相关索引字段的具体值

组件介绍:

一. 文本组件

1. 用途:既可做普通的文本展示,也可设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:更改文本内容和设置点击事件,在某下情况下可绑定相关数据对象的字段,设置为动态文本

2)样式属性:具体样式属性设置请查看编辑页面中文本组件编辑状态下的样式属性

二. 图片组件

1. 用途:既可做普通的图片展示,也可设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:更换图片和设置点击事件,在某下情况下可绑定相关数据对象的字段,设置为动态图片

2)样式属性:具体样式属性设置请查看编辑页面中图片组件编辑状态下的样式属性

三. 按钮组件

1. 用途:既可做普通的按钮展示,也可设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:更改按钮文本和设置点击事件,自定义表单中可设置为提交表单数据的按钮

2)样式属性:具体样式属性设置请查看编辑页面中按钮组件编辑状态下的样式属性

四. 标题组件

1. 用途:标题组件有四种布局可选择,可设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:更改标题文本和设置点击事件

2)样式属性:具体样式属性设置请查看编辑页面中标题组件编辑状态下的样式属性

五. 分类组件

1. 用途:分类组件有两种布局可选择,每一项分类可以设置文本和点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:可增删分类,更改分类的文本和点击事件

2)样式属性:具体样式属性设置请查看编辑页面中分类组件编辑状态下的样式属性

六. 音频组件

1. 用途:用于播放音乐,每个页面只能有一个音频组件

2. 设置

1)内容属性:选择/更改音乐链接,更换音乐播放时和暂停时的显示图片

2)样式属性:具体样式属性设置请查看编辑页面中音频组件编辑状态下的样式属性

七. 图片列表组件

1. 用途:图片列表组件有两种布局可选择,每一项可以更改标题、更换图片和设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:可增删图片,更改标题、更换图片和设置点击事件

2)样式属性:具体样式属性设置请查看编辑页面中图片列表组件编辑状态下的样式属性,针对图片列表组件,可调整图片的高度和图片的圆角,可调整行数和列数以及图片之间的间距

八. 轮播图组件

1. 用途:轮播图组件每一项可以更换图片和设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:可增删图片,更换图片和设置点击事件

2)样式属性:具体样式属性设置请查看编辑页面中轮播图组件编辑状态下的样式属性,针对轮播图组件,可设置是否自动播放和播放间隔时间

九. 列表组件

1. 用途:列表组件有两种布局可选择,列表每一项可以更改标题、更改简介、更换图片和设置点击事件(如何设置请参考点击事件的设置)

2. 设置

1)内容属性:可增删列表项,对列表项可更改标题、更改简介、更换图片和设置点击事件

2)样式属性:具体样式属性设置请查看编辑页面中列表组件编辑状态下的样式属性,针对列表组件,可调整列表项图片的高度、宽度,可调整列表每一项的高度和间距

十. 双栏组件

1. 用途:双栏组件用于布局,双栏分为两部分,默认每栏占50%,可调整占宽百分比,可往栏里拖部分基础组件(包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件)

2. 设置

1)内容属性:调整双栏各栏所占百分比

2)样式属性:具体样式属性设置请查看编辑页面中双栏组件编辑状态下的样式属性

十一. 面板组件

1. 用途:可往面板拖部分组件(包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件),以此将拖进的组件分区域管理

2. 设置

1)内容属性:无

2)样式属性:具体样式属性设置请查看编辑页面中面板组件编辑状态下的样式属性

十一. 顶部导航组件

1. 用途:固定于页面顶部的导航

2. 设置

1)内容属性:可更改导航文本和设置左/右按钮

2)样式属性:具体样式属性设置请查看编辑页面中顶部导航组件编辑状态下的样式属性

十二. 底部导航组件

1. 用途:固定于页面底部的导航,导航项有图文和纯文字两种模式

2. 设置

1)内容属性:增删导航项,每个导航项可设置文本、原始图片、按下图片和跳转的页面

2)样式属性:具体样式属性设置请查看编辑页面中底部导航组件编辑状态下的样式属性

十三. 动态列表组件

1. 用途:自定义的动态列表,当前编辑的是列表每一项的内容和样式,可往里拖部分组件(包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件),其中文本组件和图片组件可以绑定相应的数据对象字段(填充相应动态数据),若有计数组件会自动与列表项关联

2. 设置

1)内容属性:可设置列表的整体高度或高度自适应,设置为高度自适应后,需放置于页面的最后才能正常滚动加载;还可设置列表的背景,列表项的背景和间隔;设置列表项点击跳转事件,动态列表项的跳转会传递该项的id,一般跳转至该列表的动态页

2)样式属性:具体样式属性设置请查看编辑页面中动态列表组件编辑状态下的样式属性

十四. 动态容器组件

1. 用途:动态容器只能用于动态页,即所在页面绑定了数据对象。可往里拖部分组件(包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件),其中文本组件和图片组件可以绑定相应的数据对象字段(填充相应动态数据),若有计数组件会自动与动态容器关联。

2. 设置

1)内容属性:绑定数据对象,绑定的数据对象一般是和页面绑定的数据对象一致或相关联的数据对象;绑定查询字段,动态容器用于查询数据时使用的字段;选择传入字段,传入字段是指动态容器查询字段对应的值,由动态容器所在的动态页传递,是动态页绑定的数据对象对应的某个索引字段的值

2)样式属性:具体样式属性设置请查看编辑页面中动态容器组件编辑状态下的样式属性

十五. 自定义表单组件

1. 用途:其它动态组件用于接收动态数据,自定义表单用于提交动态数据,例如制作一个活动报名的自定义表单组件。可往里拖部分组件(包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件,以及自定义表单组件特有的基础组件:评分组件、选项组件、单文本组件、多文本组件、上传图片和时间组件),其中自定义表单特有的六个组件都可以绑定相应的数据对象字段,按钮组件可以设置为提交表单的按钮。

2. 设置

1)内容属性:绑定要提交的数据对象;添加自定义表单组件特有的基础组件

2)样式属性:具体样式属性设置请查看编辑页面中自定义表单组件编辑状态下的样式属性

十六.个人中心组件

1. 用途:个人中心组件登陆后显示用户的头像和昵称,否则提示登录,点击可修改用户的基本信息,包括头像、昵称、性别、QQ和手机号;手机号是用户的登陆名,需发送验证码验证才能修改。

2. 设置

1)内容属性:无,均为默认内容,不能修改

2)样式属性:具体样式属性设置请查看编辑页面中个人中心组件编辑状态下的样式属性

十七.bbs组件

1. 用途:bbs组件需登陆才能发表评论和回复;bbs组件高度自适应,放置于页面的最后便可正常滚动加载

2. 设置

1)内容属性:是否关联页面,关联页面后,如果该页面是动态页,相关bbs则属于该动态页对应的数据;如果该页面不是动态页,相关bbs则属于该页面。不关联页面的话,相关bbs则属于该app。是否开启点赞,用户可以给每项评论点赞。

2)样式属性:具体样式属性设置请查看编辑页面中bbs组件编辑状态下的样式属性

动态图片, 中文, 电话, 如何, 手机

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎