义“标题”组件默认显示内容。 在“样式”属性下，自定义修改各个标签组件的样式，例如加粗文本。 图10 自定义修改样式 在第8行内，选中“按钮”组件，设置按钮“显示名称”为“处理”、“类型”为“主要按钮”，您也可以在属性中为按钮添加图标，修改按钮背景色为“#4a90e2”。 组装完成效果，如图11所示。

查看更多 →

DOM和 CSS 样式调试 在Elements面板，可以自由的操作DOM和 CS S，来迭代布局和设计页面。在 开发者工具 打开的状态下，使用左上角的箭头按钮，可点选页面元素，查看该元素DOM和CSS等。也可以在Elements页签下，修改页面上的元素的DOM标签或CSS样式（修改立即生效），实时查看修改后效果。

查看更多 →

悬浮显示：开启后，鼠标移动到表格组件上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。

查看更多 →

是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli

查看更多 →

义“标题”组件默认显示内容。 在“样式”属性下，自定义修改各个标签组件的样式，例如加粗文本。 图10 自定义修改样式 在第8行内，选中“按钮”组件，设置按钮“显示名称”为“处理”、“类型”为“主要按钮”，您也可以在属性中为按钮添加图标，修改按钮背景色为“#4a90e2”。 组装完成效果，如图11所示。

查看更多 →

基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。

查看更多 →

悬浮显示：开启后，鼠标移动到表格组件上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。

查看更多 →

form”和“show all”四个按钮，下文介绍这四个选项的功能。 “Add new form field”按钮支持新增“dropdown”、“input”和“slider”类型的表单。如图4所示。每新增一个字段，会分别在代码和表单区域中增加对应的变量，修改表单区域的值也会同时修改代码变量值。 创

查看更多 →

基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。

查看更多 →

布局”中选择了Block，最终这个“容器”组件中的布局为Block。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 父主题：

查看更多 →

按钮组件如何在画布内居中 设置“按钮”组件在画布内居中，具体操作如下： 在“页面构建”页面，从左侧组件库拖拽“容器”组件至画布内。 从左侧组件库拖拽“按钮”组件至画布中的“容器”组件内。 在画布中选中“容器”组件，在右侧属性部分，选择“水平对齐方式”为“居中”。 图1 设置按钮组件

查看更多 →

本章分别介绍电脑网站的样式：主题、基础、顶部、板式和底部的应用。 图1 电脑网站样式 图2 电脑网站样式设置 主题 主题色。主题色应用于导航栏、模块颜色、返回顶部按钮等大部分跟颜色变化有关系的设置。 网站样式。在颜色下方是网站样式，单击可切换网站样式效果。 图3 网站样式 基础 顶部/横

查看更多 →

在“设计视图”中，选中某个组件，在右侧“属性”页签，可设置该组件的绑定数据、样式等属性，如图4所示。 图4 组件属性面板 在“设计视图”中，选中某个组件，在右侧“事件”页签，可设置组件的关联事件。例如，选择一个“按钮”，在按钮的“点击”事件中，添加相应的事件代码，实现在单击按钮后将界面输入保存到数据库中。 图5 编辑组件的关联事件

查看更多 →

边框悬浮颜色：鼠标悬浮在搜索框上时，边框的颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置 字体：搜索按钮和按钮字体的大小、颜色等设置。 背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。

查看更多 →

边框悬浮颜色：鼠标悬浮在搜索框上时，边框的颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置 字体：搜索按钮和按钮字体的大小、颜色等设置。 背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。

查看更多 →

单击“创建自定义菜单”，编辑菜单。输入菜单名称，选择样式，如所示。 图4 选择样式 单击“”，菜单内容中显示该样式的HTML代码，可以在此基础上进行编写代码，如图5所示。 图5 编辑代码 也可以不选择样式，选择自定义样式，编辑HTML内容，如图6所示。 图6 自定义代码 其余菜单样式、链接、属性等设置方法跟

查看更多 →

具打开的状态下，使用左上角的箭头按钮，可点选页面元素，查看该元素DOM和CSS等。也可以在Elements页签下，修改页面上的元素的DOM标签或CSS样式（修改立即生效），实时查看修改后效果。 图1 Elements页签查看调试DOM和CSS样式 打印日志信息 在Console页

查看更多 →

其中，“img”为imgButton按钮中的图片，“span”为imgButton按钮中的文本。 修改视图文件“imgButton.vue”的属性定义。 修改“cssprefix”为“imgButton”，并添加“height”、“width”和“text”属性，如图8修改属性定义后所示。 图8 修改属性定义后

查看更多 →

按钮组件如何在画布内居中 设置“按钮”组件在画布内居中，具体操作如下： 在“页面构建”页面，从左侧组件库拖拽“容器”组件至画布内。 从左侧组件库拖拽“按钮”组件至画布中的“容器”组件内。 在画布中选中“容器”组件，在右侧属性部分，选择“水平对齐方式”为“居中”。 图1 设置按钮组件

查看更多 →

开通按钮置灰，如何处理 问题现象 登录OCR控制台后，发现“开通服务”按钮置灰，无法开通服务。 原因分析 可能是因为当前使用的是IAM用户，IAM用户没有开通服务的权限。账号与IAM用户可以类比为父子关系，账号是资源归属以及计费的主体，对其拥有的资源具有所有权限。 解决措施 使用账号登录OCR控制台，开通服务。

查看更多 →

缩容按钮置灰如何处理？ 问题描述 用户进行缩容操作时，页面“缩容”按钮置灰，无法进入下一步缩容操作。 原因分析 在进行缩容操作前系统会提前检查集群是否满足缩容条件，缩容条件不满足，“缩容”按钮置灰。 解决办法 需排查集群配置信息，检查缩容是否满足以下条件： 集群按照环的方式配置，

查看更多 →