移动BOS控件介绍-字体图标

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

移动BOS控件介绍-字体图标

1. 名词解释


字体图标:字体图标也叫矢量图标,可以当做字体看待,与一般的图标或图片相比,显示效果更好,放大后不失真。字体图标颜色默认跟随主题色。


2.样式展示

  • 字体图标展示


  • 选择字体图标


         

3. 控件属性

3.1 通用属性

属性名
属性ID类型默认值
说明
ID
IDString
字体图标的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性
类型typeString

icon


选择图标btniconString
选择系统提供的矢量图标

3.2 布局设置

属性名
属性ID类型默认值
说明
占宽比
rowint0
把整个页面分为12等分,选择数字控件宽度占12等分的几等分
左偏移offsetint12把整个页面分为12等分,选择数字控件向右便宜占12等分的几等分

3.3 样式属性

属性名
属性ID类型默认值
说明
自定义样式类
customclassString
用户可以自定义样式,也可以选择默认样式
背景色background-colorString
设置控件背景颜色
字体颜色colorString
设置控件字体颜色
圆角半径
border-radiusString
设置控件圆角半径,像素和百分比两种格式,填写数字
高度heightString
设置控件高度,像素和百分比两种格式,填写数字
宽度widthString
设置控件宽度,像素和百分比两种格式,填写数字
右内边距
padding-rightString
设置控件右内边距,像素和百分比两种格式,填写数字
左内边距padding-leftString
设置控件左内边距,像素和百分比两种格式,填写数字
下内边距
padding-bottomString
设置控件下内边距,像素和百分比两种格式,填写数字
上内边距padding-topString
设置控件上内边距,像素和百分比两种格式,填写数字
右外边距
margin-rightString
设置控件右外边距,像素和百分比两种格式,填写数字
左外边距margin-leftString
设置控件左外边距,像素和百分比两种格式,填写数字
下外边距
margin-bottomString
设置控件下外边距,像素和百分比两种格式,填写数字
上外边距margin-topString
设置控件上外边距,像素和百分比两种格式,填写数字

4. 控件事件

  • 点击事件


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

5. 控件

  • 隐藏

    mbos("控件id").hide();

  • 显示

    mbos("控件id").show();

  • 清除

    mbos("控件id").remove();   



移动BOS控件介绍-字体图标

1. 名词解释字体图标:字体图标也叫矢量图标,可以当做字体看待,与一般的图标或图片相比,显示效果更好,放大后不失真。字体图标颜色默认...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息