检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
</div> </div> </section> </div> 在commodityListWidget.css中，定义组件的样式。 其中，采用百分比调节单个商品宽度，并设置断点，通过@media查询改变不同视口宽度下商品显示宽度的百分比。 /*设置组件字体、内边距、外边距和背景颜色*/
越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。 自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 自定义属性列表 > 展示溢出文本：允许文本超出组件的容器。
使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。
位置选择：图例的位置。 小图标：图例的小图标形状。 文本样式设置/字体大小：图例文本字体的大小。 文本样式设置/文本颜色：图例文本的颜色。 文本样式设置/字体系列：图例文本的字体。 文本样式设置/字体粗细：图例文本字体的粗细。 文本样式设置/文字风格：图例文本的文字风格。 组件标题：设置组件的标题。
自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中翻牌器组件，单击鼠标右键选择“高级设置”，可设置翻牌器的样式和动作。 图3 翻牌器高级设置 图4 普通类型效果
使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。
界面化方式 在主题配置页签，单击“界面化新建”。 配置相关组件或者颜色、排版主题样式。 例如，修改按钮组件的样式，在左侧选择“组件 > 按钮”组件，在中间区域直接修改界面参数设置样式。 图2 修改界面参数设置样式 在右侧设置“主题名称”，例如“按钮字体颜色为黄色”，单击页面右上方保存图标。
使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。 边框 设置组件的边框样式，支持全边框和角边框两种。 全边框 样式：设置组件边框的样式，如实线、点线、虚线和双实线。 宽度：设置边框的宽度，单位px。 颜色：设置组件边框的颜色。 弧度：设置组件边框四个角的弧度，单位px。
</div> </div> </section> </div> 在commodityListWidget.css中，定义组件的样式。 其中，采用百分比调节单个商品宽度，并设置断点，通过@media查询改变不同视区宽度下商品显示宽度的百分比。 /*设置组件字体、内边距、外边距和背景颜色*/
越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。 自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中仪表盘组件，单击鼠标右
“页签类型”选项配置不同，界面展示的参数也会有所不同。请根据“页签类型”具体选项，配置参数。 显示区域 导航页签的显示区域。 主页菜单：会按照设置布局与颜色中选择的布局样式进行显示，例如显示在侧栏或者顶栏区域。 自定义菜单栏：选择该方式后，在应用的运行态Portal中，单击右上角用户名，会在下拉选项中显示导航页签。
批量添加评估选项 量表设置：可以设置评估的起始数值及量级。 两级文案：量表两级的文案显示，支持国际化。 外观：量表支持横向显示或者竖向显示。 样式：评估的图标样式。 验证：对该字段进行一些限制，设置为“必填”，表示该字段必须配置。 属性：设置字段的属性，包括只读、禁用和隐藏。 只读：勾选后，该字段只可读。
create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容：
越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。 自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 自定义属性列表：显示组件的自定义属性。
过拖拽、布局组件，并进行相关属性配置即可快速搭建应用。低代码平台中的高级页面，提供了常用组件，组件包含了预置的样式，并封装了基础事件代码，实现了开箱即用，避免重复写样式和事件代码，陷入代码细节，使开发人员更好的专注于业务场景的挖掘。 初识高级页面开发界面 图1 高级页面开发界面
“页签类型”选项配置不同时，界面参数展示也有所不同，请根据“页签类型”具体选项配置参数。 显示区域 导航页签的显示区域。 主页菜单：会按照如何配置应用布局选择的布局样式进行显示，例如显示在侧栏或者顶栏区域。 自定义菜单栏：选择该方式后，在应用的运行态Portal中，单击右上角用户名，会在下拉选项中显示导航页签。
越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。 自适应高度：组件的高度是否随宽度改变。 边框：设置组件的边框样式，如全边框或角边框。 背景 样式：设置背景的样式，如普通、居中、拉伸等。 图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中基本折线图组件，单击鼠
高级页面开发界面快捷键，发布页面。 Alt+Shift+W 高级页面开发界面快捷键，将开发界面切换成电脑端样式。 Alt+Shift+M 高级页面开发界面快捷键，将开发界面切换成移动端样式。 Alt+Shift+C 数据接入中复制数据推送地址到剪贴板。 Ctril+Shift+K 脚本编辑器中，删除某一行。
create方法：仅在组件首次被创建时调用一次。 TabsWidget.css 组件的样式文件，在该文件中编写组件的css样式。 TabsWidget.ftl 组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 packageinfo.json 组件的元数据描述文件，定义了如下内容：
如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式 如何引入第三方库 父主题： 经典版开发指导
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
