.jpg)
.jpg)
.jpg)
.jpg)
-
路由导航和路由视图
![]()
</div> 根据需要修改解压后的“Navigator_Widget.css”文件（本场景不需要修改）。 “Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。 #navigator_widget { font-size:
来自：帮助中心 -
了解代码目录结构
-
日期选择框
-
使用状态选择器
![]()
画布中选中组件，在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名，例如 .test，并设置全局样式，此时状态选择器默认为None。 在状态选择器下拉框中选择状态，例如hover，并设置全局样式。 从全局样式面板中可以看到，等效于直接编辑一下样式： .test:hover{
来自：帮助中心 -
二维码
![]()
示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
二维码
![]()
示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
准备工作
![]()
是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli
来自：帮助中心 -
富文本
![]()
功能。 详情编辑：详情编辑需要再次编辑数据时启用。 内容：页面富文本框中默认展示的内容。 高度：富文本框的高度。 样式类名：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 宽度：字段配置框宽度占页面宽度的比例。 高级 事件：在事件中，显示了组件暴露出来的一些常用事件，供
来自：帮助中心 -
折叠面板
![]()
默认展开全部：默认展开所有面板内容。 字体：设置字体样式。 背景：设置折叠面板背景色。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 事件：在事件中，显示了组件暴露出来的一
来自：帮助中心 -
分页
![]()
示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
日期范围选择框
![]()
字体：设置字体样式。 图标：输入框中显示的小图标，支持从系统提供的图标中选择。 图标位置：图标在输入框中的位置，支持居左和居右两种位置。 占位符：可辅助元素对齐，让页面更整齐。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。
来自：帮助中心 -
下拉单选
![]()
占位符：下拉框未选择时，展示给用户的提示信息。 宽度：字段配置框宽度占页面宽度的比例。 高级 样式 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式：使用CSS代码自定义组件样式。自定义代码支持多行输入，并高亮显示样式参数。 正则校验：提交表单时触发的对字段的校验。 自定义校验：是否进
来自：帮助中心 -
按钮
![]()
示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
页面
![]()
字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。 高级设置 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细
来自：帮助中心 -
了解代码目录结构
![]()
json：组件的元数据描述文件。 {widget}.css：组件的样式文件，在该文件中编写组件的CSS样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此
来自：帮助中心 -
表格
![]()
每页记录数：开启分页后，设置该选项。 高级设置 样式 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 样式透传：启用后，可以将设置好的样式透传给组件的子节点。
来自：帮助中心 -
如何调测标准页面
![]()
调试DOM及样式 在标准页面开发界面，单击，预览标准页面。 在弹出的预览页面，按“F12”或者“Ctrl + Shift + I”，开启浏览器调试工具。 在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload
来自：帮助中心 -
CSS安全集群配置
-
分栏
![]()
示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
分栏
![]()
示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心 -
面包屑
![]()
示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-lo
来自：帮助中心
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
