移动BOS控件介绍-悬浮按钮

栏目:eas cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-22浏览:1

移动BOS控件介绍-悬浮按钮

1. 名词解释


悬浮按钮控件:悬浮按钮可以悬浮在页面任意位置,可以作为导航按钮或者回主页的按钮


2.样式展示

只设置一级悬浮按钮


设置二级悬浮按钮


     

3. 控件属性

3.1 通用属性

属性名

属性ID

类型

默认值

说明

ID

ID

String

悬浮按钮的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性

类型

type

String

suspendbtn

文本

title

String

设置一级按钮的名称,这里可以设置多语言,在不同语言环境显示当前语种

悬浮位置

position

String

rightbottom:右下角

悬浮按钮默认显示的位置

leftup:左上角;

upcenter:上边居中;

rightup:右上角;

leftcenter:左边居中;

rightcenter:右边居中;

leftbottom:左下角;

bottomcenter:下边居中;

rightbottom:右下角;

center:中心;

选择图标

btnicon

String

设置一级按钮的图标,如果设置了二级图标,此项设置将失效

二级图标

secondbtn

String

在选择二级图标时,上面设置了"选择图标"属性将失效;

属性介绍

ID:二级按钮的ID,可以用于jquery找元素或者设置样式

标题:二级按钮的名称,最好不要超过4个字

图标:二级按钮前面配置的图标

事件:定义二级按钮点击事件,js里需要定义

操作:

    上移:二级按钮位置上移一位

    下移:二级按钮位置下移一位

    删除:删除这个二级按钮

默认隐藏

ishide

Boolean

false

控件是否隐藏;是:隐藏;否:不隐藏

布局设置

属性名

属性ID

类型

默认值

说明

占宽比

row

int

0

把整个页面分为12等分,选择数字控件宽度占12等分的几等分

左偏移

offset

int

12

把整个页面分为12等分,选择数字控件向右便宜占12等分的几等分

3.2 样式属性

属性名

属性ID

类型

默认值

说明

自定义样式类

customclass

String

用户可以自定义样式,也可以选择默认样式

背景色

background-color

String

设置控件背景颜色

字体颜色

color

String

设置控件字体颜色

圆角半径

border-radius

String

设置控件圆角半径,像素和百分比两种格式,填写数字

高度

height

String

设置控件高度,像素和百分比两种格式,填写数字

宽度

width

String

设置控件宽度,像素和百分比两种格式,填写数字

右内边距

padding-right

String

设置控件右内边距,像素和百分比两种格式,填写数字

左内边距

padding-left

String

设置控件左内边距,像素和百分比两种格式,填写数字

下内边距

padding-bottom

String

设置控件下内边距,像素和百分比两种格式,填写数字

上内边距

padding-top

String

设置控件上内边距,像素和百分比两种格式,填写数字

右外边距

margin-right

String

设置控件右外边距,像素和百分比两种格式,填写数字

左外边距

margin-left

String

设置控件左外边距,像素和百分比两种格式,填写数字

下外边距

margin-bottom

String

设置控件下外边距,像素和百分比两种格式,填写数字

上外边距

margin-top

String

设置控件上外边距,像素和百分比两种格式,填写数字

4. 控件事件

只设置一级悬浮按钮


在定义了点击事件名后点右上角的保存按钮,js事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法

设置二级悬浮按钮

如上图设置了三个按钮事件点击确定后,在点右上角的保存按钮,js事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法


移动BOS控件介绍-悬浮按钮

1. 名词解释悬浮按钮控件:悬浮按钮可以悬浮在页面任意位置,可以作为导航按钮或者回主页的按钮2.样式展示• 只设置一级悬浮按钮• 设置...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息