显示分页：是否显示分页，显示后可设置具体的分页大小。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。

查看更多 →

扩散半径：设置扩散半径，单位px。 边框设置 粗细：设置边框的粗细，单位px。 颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。 圆角：是否开启边框圆角。开启后，支持设置圆角半径和位置。 交互 在交互中，配置自定义背景框与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。

查看更多 →

、桥接器、事件和动作之间的关系，可概述为： 组件为高级页面的元素，组件的可复用性可以大幅提高开发效率。 组件的事件-动作机制提升页面的灵活度，使得组件与组件、组件与页面之间可以交互。 库作为组件的依赖，便捷的引用机制，降低了组件开发的复杂度且丰富了组件的功能。 组件可以通过桥接器调用后台接口，获取数据。

查看更多 →

方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。

查看更多 →

直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr

查看更多 →

本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index.less 组件样式css配置。

查看更多 →

布，通过设置外层画布的属性达到控制内容布局的效果。 图1 容器组件 数据绑定 将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标

查看更多 →

内容或链接：设置扫描二维码后，要展示的文本内容或者跳转的链接地址。 宽度：二维码的宽度，单位像素。默认值为150。 容错级别：二维码被遮挡或残破时依然能被识别的几率，容错级别越高抗残破或遮挡的能力就越强。 空白间距：四周空白间距，单位像素。 前景色：二维码的颜色。 背景色：背景颜色。 中间Logo：

查看更多 →

方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。

查看更多 →

属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。

查看更多 →

{widget}.css：组件的样式文件，在该文件中编写组件的 CSS 样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。

查看更多 →

传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。

查看更多 →

基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。

查看更多 →

服务端鼠标样式设置 int result = [mShareServiceController setMouseShape:0]; 接口描述 APP调用IdeaShareServicecontroller实例对象的setMouseShape, 无block回调。 注意事项 此接口

查看更多 →

以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的 CS S样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。

查看更多 →

方法一般无需添加，如需添加或修改，可参考对象和服务默认生成的方法。 设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。

查看更多 →

配置数据源，在“请选择数据对象”中选择已创建的数据模型，并勾选需要展示的该对象字段，单击“下一步”。 图3 选择数据源 表单及其表单中的子组件绑定的模型字段须是父子关系，中间不能跨级。 勾选表单需要显示的按钮，单击“完成”。 图4 选择操作列按钮 图5 表单属性页面 事件 在事件中，显示了组件暴露出来的一些常用事

查看更多 →

鼠标悬停时展示：鼠标悬停在标签上显示的内容。 字体：设置字体样式。 折叠页签内容 用于设置每个折叠页内展示的内容。根据需要展示的内容，从左侧组件库拖拽相应组件至“折叠页签内容”内，并对组件进行排版。支持展示不同类型的组件。如图6。 图6 折叠页签内容 字段状态：指成员在访问表单时，对该字段的可见、可编辑权限。

查看更多 →

添加背景色 修改样式后，单击页面右上方的“保存”，进行编译保存。 若编译不成功，请先禁用该主题，再进行编辑。 返回“应用设置 > 主题管理”页面，打开对应主题后的“OFF”，启用该主题。 图3 开启主题 返回标准页面开发界面，单击页面上方的，在预览页面可查看到自定义样式后的效果，如图4。

查看更多 →