移动BOS控件介绍-字体图标
1. 名词解释
字体图标:字体图标也叫矢量图标,可以当做字体看待,与一般的图标或图片相比,显示效果更好,放大后不失真。字体图标颜色默认跟随主题色。
2.样式展示
字体图标展示
选择字体图标
3. 控件属性
3.1 通用属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String | 字体图标的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性 | |
类型 | type | String | icon | |
选择图标 | btnicon | String | 选择系统提供的矢量图标 |
3.2 布局设置
属性名 | 属性ID | 类型 | 默认值 | 说明 |
占宽比 | row | int | 0 | 把整个页面分为12等分,选择数字控件宽度占12等分的几等分 |
左偏移 | offset | int | 12 | 把整个页面分为12等分,选择数字控件向右便宜占12等分的几等分 |
3.3 样式属性
属性名 | 属性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事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法
5. 控件方法
隐藏
mbos("控件id").hide();
显示
mbos("控件id").show();
清除
mbos("控件id").remove();
移动BOS控件介绍-字体图标
1. 名词解释字体图标:字体图标也叫矢量图标,可以当做字体看待,与一般的图标或图片相比,显示效果更好,放大后不失真。字体图标颜色默认...
点击下载文档
上一篇:移动BOS控件介绍-步进器下一篇:流程助手附件预览问题排查说明
本文2024-09-22 20:35:01发表“eas cloud知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-eas-114568.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章