检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图2 矩形装饰配置界面 参考模板：系统默认提供四种可选模板，单击即可切换样式。 背景颜色：背景颜色设置，包括是否显示背景颜色、单一色或者渐变色配置。 阴影设置：支持设置为内部阴影、外部阴影或者自定义阴影。 边框设置：为组件边框设置粗细、颜色、类型、圆角。 父主题： 设置AstroZero高级页面预置组件属性
该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：值是否只读。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
选中“标题”组件，在右侧边板“基本属性”“标题内容”中输入调查问卷标题“Astro轻应用开发者调查问卷”。 在右侧面板“样式 > 字体”下，配置标题的字体样式，将字体大小设置为“28px”，颜色设置为“147AEC”，并设置居中样式。 图11 设置标题样式 设置后，效果如图12所示。 图12
显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 排列方式：选项值的排列方式，如下拉、竖排、横排。 选项：选项设置。 打开“彩色”开关，选项值字体会不同颜色展示。 直接单击选项名，可设置具体选项值。 单击，可设置该选项值是否为默认值。 单击，调整选项顺序。 单击，可删除选项。 单击“新增选项”，可增加选项值。
在“微信图文”页签，单击“新建微信图文”。 设置微信图文名称，例如“Astro轻应用入选”。 图1 设置微信图文名称 输入微信图文的文字内容，选中文字，可设置字体、字体大小、颜色和样式等。 在左侧“素材 > 我的素材”中，上传素材图片并拖入。 编排完内容后，设置微信消息封面、作者等信息。 图2 设置封面
文本设置 文本内容：在输入框中，直接输入文本的内容。 字体：设置输入文本的字体。 字体粗细：设置输入文本的字体粗细，如正常、更细、更粗和加粗。 字号：设置输入文本的字体大小，如特小号、中号、大号等。 字体颜色：设置输入文本的字体颜色。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置
当关闭“重复渲染”时，才可设置，表示单个水印在页面的水平起始位置。 垂直起始位置 当关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色 水印字体的颜色。 字体大小 水印字体的大小。 旋转角度 水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度 水印的透明度设置。
数字背景色：数字所占格子的背景颜色。 数字间隔(px)：数字之间的间隔距离，取值范围为4~30px。 卡片内边距：整体数字和组件边框的内边距。 字体粗细：数字文本字体的粗细。 显示千分逗号：数值是否显示千分位逗号分隔符。 显示标题：是否显示翻牌器组件的标题。 标题内容：翻牌器组件的标题内容。当打开“显示标题”开关时，该参数才会出现。
用，上拉加载时，异步获取数据。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
当关闭“重复渲染”时，才可设置，表示单个水印在页面的水平起始位置。 垂直起始位置 当关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色 水印字体的颜色。 字体大小 水印字体的大小。 旋转角度 水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度 水印的透明度设置。
单个水印在页面的水平起始位置。 垂直起始位置：关闭“重复渲染”时，才可设置，表示单个水印在页面的垂直起始位置。 字体颜色：设置水印字体的颜色。 字体大小：设置水印字体的大小。 旋转角度：水印的旋转角度，取值范围-180~180，即逆时针或者顺时针旋转180度。 透明度：水印的透明度设置。
、边框和字体大小等，固定宽度容易破坏响应式布局。为了布局更加灵活，推荐使用百分比、em或rem等相对单位，这样可以保证浏览器字体大小调整和缩放时，能正常显示。常用相对单位，如表2所示。 表2 常用相对单位 单位 说明 em 在font-size中，使用相对于父元素的字体大小，在其
组件类型 组件 图表 饼图：通过饼图的形式，将数据信息清晰的展示在页面上。包括实心圆饼图、轮播饼图、满月饼图、基本饼图、贪吃蛇饼图、玫瑰花饼图和渐变色饼图。 线状图：通过折线变换的形式，对数据进行展现，可直观展示数据的变化趋势。包括区域图、多区域折线图、基本折线图和多折线图。 水位图：通
配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 图21 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
值配置当前元素的宽和高。 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。 图7 样式属性配置面板 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，支持“px”、“em”和“%”三种单位。 阴影：设置阴
在“Elements”页签，单击左边选择器。 在预览的页面中，选中组件，在右下“Styles”中调试样式，如改变“Upload File”的字体颜色或改变DOM结构。 图7 调试DOM及样式 父主题： 标准页面
自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
式、水平排列方式以及分栏间隔。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
最小值标注和平均值标线等）进行一系列配置。数据系列配置可参考如何设置数据系列。单击“+”，可添加数据系列。 线条颜色：选项为“单色”或“渐变色”。选择颜色可改变线条的颜色。 折线宽度：折线的宽度。 折线不透明度：折线的不透明度设置，取值为“0”时折线全透明（即隐藏），“100”为全部显示。
型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 样式 布局：设置组件的宽度、高度等。 字体：设置字体大小、字体样式、颜色等。 背景：设置背景颜色、透明度。 边框：设置边框颜色、宽度等，单位为px。 阴影：设置阴影颜色、模糊、扩散等，单位为px。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
