检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在AstroPro中，构建一个上述登录页面的流程，如图图1所示。 图1
整至11px，在右侧属性设置面板选择“属性”，文本输入“使用Astro，轻巧便捷的与您的业务一起发展、壮大”。 输入框组件1：在右侧属性设置面板选择“样式”，设置尺寸宽为100%，高度为30px；在右侧属性设置面板选择“属性”，文本输入“请输入邮箱或手机号”。 输入框组件2：在右
到达到某个条件才会离开这个位置。粘性定位可以让页面在滚动时保持某些组件的可见性。 图4 设置定位 文本：设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景：设置组件背景，背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框：设置边框的位置、颜色、位置宽度以及是否为圆角。
右侧属性设置面板 右侧设置面板分为属性设置、样式设置和高级设置面板。 属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否
cols - - content[0].rules 属性值的校验规则。 Array content[0].labelPosition 配置面板文本定位。 string content[0].hidden 是否展示该属性配置。 boolean content[0].required 是否必须配置该属性项。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
