检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
配置样式设置 通过样式面板配置样式 直接编写样式代码 类名管理 使用状态选择器 行内绑定状态变量 父主题: 前端应用管理
计费模式 AstroPro仅提供了包年/包月的计费模式。包年/包月是一种先付费再使用的计费模式,适用于对资源需求稳定且希望降低成本的用户。通过选择包年/包月的计费模式,您可以预先购买AstroPro套餐并获得一定程度的价格优惠(以实际价格为准)。 使用场景 包年/包月计费模式需要
配置属性设置 使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个
配置高级设置 条件渲染 循环渲染 绑定事件 父主题: 前端应用管理
在接口层、应用层和数据访问层皆生成代码。 图3 设置代码生成层 设置完成后,单击“保存”。 示例 创建服务时“Package”设置为“com.astropro”。在业务设计中添加自定义API,动作名称为action1,请求方式为GET,返回对象为200,代码生成层勾选接口层和应用层,则代
可见性。 图4 设置定位 文本:设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景:设置组件背景,背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框:设置边框的位置、颜色、位置宽度以及是否为圆角。 图7 设置边框 效果:设置组件的透明度、轮廓样式及光标样式。
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框的类名或者单击类名旁边的修改按钮,重新输入类名,例如.test123。 单击回车键,类名修改完成。 父主题:
画布中选中组件,在组件属性设置面板选择“样式”。 单击行内样式的编辑框后的。 在弹框中进行变量绑定。 图2 绑定变量 单击“确定”,变量绑定完成。 通过修改变量,查看组件样式展示效果。 图3 修改前样式 图4 修改变量 图5 修改后样式 父主题: 配置样式设置
单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名或创建新类名,例如 .test,并设置全局样式,此时状态选择器默认为None。 在状态选择器下拉框中选择状态,例如hover,并设置全局样式。 从全局样式面板中可以看到,等效于直接编辑样式:
架构师 可以新建服务。 可以删除本人创建的服务,不能删除其他人创建的服务。 可以对项目下的所有服务进行编辑。 开发者 可以查看项目下的所有资源。 可以重新编译有权限项目下的服务并下载代码。 前提条件 只有工作空间管理员或项目管理员,才能为其他用户添加项目级角色。不同的是具备工作空间管
画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的。 在弹框中直接编写全局样式。 可以直接声明多条CSS样式或其他媒体查询的样式。 图3 编写全局样式 单击“保存”,完成全局样式编辑。 通过类名绑定已创建的全局样式。 图4 效果展示 父主题: 配置样式设置
前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击需要绑定的事件。 在弹框中设置绑定事件。 可以选择已有方法或者添加新方法,如果选项添加新方法,单击“确定”之后将在JS面板中创建一个该名称的新方法。
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待操作应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式选择框类名旁的删除按钮。 删除后当前组件属性不再绑定该类名。 父主题: 类名管理
类名管理 新增类名 修改类名 删除类名 选择已有类名 父主题: 配置样式设置
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的输入框,输入类名,例如.test。 类名不能以数字开头。 绑定组件属性元素ID:使用格式 #elementID。
界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 画布中选中组件,在组件属性设置面板选择“样式”。 在全局样式选择框中选择已有的类名,例如 .test1、.test2、.test3等。 通过下拉框选择切换类名,组件将切换至类名绑定的对应样式。
后,用户才会具备用户组的权限。若不加入用户组,登录AstroPro服务时,会提示您没有当前服务的访问权限。 admin:缺省用户组,具有所有云服务资源的操作权限。将用户加入该用户组后,用户可以操作并使用所有云服务资源。如果您创建的IAM用户是管理员,才需要将其加入默认用户组“admin”中。
添加变量,例如loop.isLogin,具体操作可参考添加页面变量。 图1 添加变量 选中组件,在组件属性设置面板选择“高级”。 单击“循环数据”后的,进行变量绑定。 选择绑定的变量,单击“确定”。 图2 绑定变量 为展示内容添加变量,默认为item。 绑定成功后,查看渲染效果。 图3 添加变量 图4
选中组件,在组件属性设置面板选择“高级”。 单击“是否渲染”后的,进行变量绑定。 图2 绑定变量 选项绑定的变量,单击“确定”。 绑定成功后可根据变量state.isLogin的值,查看渲染效果。 图3 state.isLogin为false时 图4 state.isLogin为ture时
AstroPro的计费模式、计费项、续费、费用账单等主要计费信息。 计费模式 AstroPro当前提供了基础版和专业版两种规格套餐供您使用。两种规格均为包年/包月购买方式,包年/包月是一种预付费模式,即先付费再使用,按照订单的购买周期进行结算。关于计费模式的详细介绍,请参见计费模式。 计费项