检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,
通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中,
中间对齐”,实现居中布局的效果,如图12所示。 图12 弹性布局实现居中 自适应布局 自适应布局的特点是分别为不同的屏幕分辨率定义布局,即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态布局,确保一个页面在所有终端上(各种尺寸的PC、平板、手
发,这样能更好的自适应电脑端和移动端设备。 下面将为您介绍,如何设置高级页面的电脑端和移动端视图以及如何进行视图切换。 在进行首个高级页面创建时,会进行视图选择。 默认为选择电脑端和手机端两种视图,您也可以根据实际应用场景选择是否取消手机端视图,电脑端视图为必选项,不可取消选择勾选。
需要遵从响应式布局设计规范。组件的响应式设计,是高级页面适配多终端的重要前提。在高级页面中如何实现多终端适配,请参见使用AstroZero创建高级页面适配多终端显示。 电脑端和手机端视图 为了让同一网页能够完美呈现于电脑端和移动端,低代码平台提供了高级页面的电脑端和移动端两种终端