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事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法