-
拖拽上传
![]()
拖拽上传 OBS Browser+提供强大的拖拽上传功能，您可以将本地的一个或多个文件或者文件夹拖拽到对象存储的对象列表或者并行文件系统的对象列表中；同时您也可以将文件或文件夹拖拽到指定的目录上，这样可以上传到指定的目录中。拖拽上传可以轻松便捷地帮你把本地文件上传到OBS中。 父主题：
来自：帮助中心 -
拖拽组件
![]()
拖拽组件 在画布区域中，选中一个组件或多个组件（按住Ctrl键可选择多个组件），按住鼠标左键可进行拖拽。 拖拽组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，选中一个或多个组件，按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题：
来自：帮助中心 -
视频拖拽
![]()
选择“视频配置”页签。 单击“视频拖拽”的“编辑”按钮，打开开关。 图1 配置视频拖拽 （可选）开启FLV按时间拖拽。 打开“FLV时间拖拽”开关，即可支持按时间拖拽播放FLV格式视频。 如果您开启了“flv时间拖拽”配置后，关闭了“视频拖拽”开关，则“flv时间拖拽”配置不生效。 （可选）自定义配置视频拖拽的开始和结束参数。
来自：帮助中心 -
循环渲染
![]()
AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 拖拽组件至画布，例如拖拽一个“段落”组件。 添加变量，例如loop.isLogin，具体操作可参考添加页面变量。 图1 添加变量 选中组件，在组件属性设置面板选择“高级”。
来自：帮助中心 -
使用AstroZero创建高级页面适配多终端显示
![]()
在设计页面左上方，单击，从“全部 > 自定义”中拖拽commodityDetailsWidget组件到右侧画布中。 图7 在电脑端拖拽CommodityDisplay组件 在页面上方单击，切换到移动端，并拖拽commodityListWidget组件到右侧画布中。 图8 在移动端拖拽CommodityDisplay组件
来自：帮助中心 -
适配多终端样例
![]()
在设计页面左上方，单击，从“全部 > 自定义”中拖拽commodityDetailsWidget组件到右侧画布中。 图4 在电脑端拖拽CommodityDisplay组件 在页面上方单击，切换到移动端，并拖拽commodityListWidget组件到右侧画布中。 图5 在移动端拖拽CommodityDisplay组件
来自：帮助中心 -
使用AstroZero为组件配置中英文语言属性
![]()
取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widgetdemoi18n组件到右侧画布中。 图7 拖拽组件到画布 单击，保存高级页面，保存成功后单击，发布高级页面。 发布成功后，单击，预览效果。 切换环境语言，在
来自：帮助中心 -
高级页面
![]()
-
组装“业务用户管理”页面
![]()
输入、输出参数。 方法保持不变，单击“确定”。 单击页面上方的，保存设置。 切换到“设计视图”，从左侧基础组件区，拖拽一个“表格”到右侧“页面内容”中。 图3 拖拽一个表格到页面 为表格绑定模型，并设置表格查询结果区域。 在“设计视图”中，选中“表格”，单击右侧“属性”页签，如图4所示。
来自：帮助中心 -
Web前台开发
![]()
/> </div> ... </div> <div class="customer-info-col"> <div class="title">Bill History</div> <div class="echarts"
来自：帮助中心 -
app-preview-moreGoods组件
-
使用AstroZero开发高级页面时如何引用第三方库
![]()
在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widget_demo_mintui组件到右侧画布中。 图7 拖拽组件到画布中 单击页面上方的，保存高级页面后，单击，发布高级页面。 单击，进入预览页面，查看效果是否符合预期。
来自：帮助中心 -
app-preview-card-vouchers组件
![]()
class="content-item-right-button"> {{ item1.divButton.textValue }} </div> </div> </div> </div> <div (click)="events(item.content.divButton)" *ngIf="item.content
来自：帮助中心 -
app-preview-ticketImage组件
-
SafeUtils安全工具类预置API一览表
![]()
display: none;"> <div data-v-a7e06658="" class="page-view-header-bottom" style="top: -11px;"></div></div> 返回值经过xss转义后则为： <div data-v-a7e06658=""
来自：帮助中心 -
app-preview-card-voucher组件
![]()
{{headRightBottom}} </p> </div> </div> <div class="content_middle" [innerHTML]="item.content.divText.text5.textValue"></div> <div class="content_bottom">
来自：帮助中心 -
标准页面布局
![]()
Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称Division，即为划分，有时可以称其为图层。 DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背景的元素，可以将“
来自：帮助中心 -
app-preview-eCommerce组件
![]()
}} </div> <div class="divButton_right" *ngIf="item.content.divButton[1]"> {{ item.content.divButton[1].textValue }} </div> </div> </div> CSS
来自：帮助中心 -
{widget}.ftl
![]()
部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题： 目录文件详解
来自：帮助中心 -
app-preview-sideslip组件
![]()
list.buts" class="Sideslip-but"> {{ item1.text }} </div> </div> </div> </div> </div> CSS Sideslip { position: relative; overflow-x: auto; overflow-y:
来自：帮助中心 -
手动播放
![]()
</head> <body> <div class="preview_player"> <div id="preview" class="preview_player_el"></div> <div class="unmute_mask" id="unmute-mask">
来自：帮助中心
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
