检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节以开发网站中常用的标签切换页面为例,向您介绍如何基于组件模板在线开发组件。标签切换效果如图1所示,页面中主要包含标签栏和详情展示模块两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中,通过两个组件(标签页组件、信息展示组件)复现上述场景。其中,标签页
拖至画布中并设置该组件的属性,如图16所示。 图16 自定义组件属性 使用自定义组件。 本节以在新建对象页面中需要增加两个自定义组件,用来控制搜索框的显示、隐藏为例,效果如下所示。 单击显示搜索,界面如图17显示搜索所示。 图17 显示搜索 单击关闭搜索,效果如图18关闭搜索所示。
该API中参数说明如下: type:表示请求方式,支持POST、GET、PUT和DELETE。默认值为GET。 dataType:预期服务器返回的数据类型。一般取值为json,表示返回JSON格式的数据。 callback:dataType取值为“jsonp”的场景使用,表示在
宽度即为1024px,当屏幕宽度超出1024时,内容在宽度上不会再继续扩展。 嵌套对象 对于关系紧密的多个元素,采用相对位置会使得元素难以控制。此时,可以考虑放置于同一容器中集中管理。在容器内部,可以考虑采用绝对单位固定其关系,这对于不需要扩展的按钮等元素来说非常有效。 图片的自适应