操作结果(Result)

类名 说明 amd-result 整体样式 amd-result-main 内容展示区域 amd-result-image icon 区域样式 amd-result-buttons 按钮区域样式 代码示例 基本使用 index.axml 的代码示例如下:<view class="demo"><demo-block padding="0"title="成功...

列表(List)

extra、brief 外内容样式 amd-list-item-content-main 主要内容样式 amd-list-item-image 左侧图片样式 amd-list-item-brief brief 样式 amd-list-item-extra extra 样式 amd-list-item-arrow 右侧 arrow 样式 代码示例 基本使用 index....

头像(Avatar)

className string 否-类名 样式类 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 amd-avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下:...

选择器(Picker)

amd-picker-header-item 弹窗头部区域文本样式 amd-picker-content 选择区域样式 amd-picker-content-item 选择区域单个选项样式 代码示例 基本使用 index.axml 的代码示例如下:基础用法"padding="0">选择城市请选择"title="请选择...

选择组(Selector)

amd-selector-item-subtext 副文本样式 amd-selector-item-badge-active 激活状态下徽标样式 代码示例 基本使用 index.axml 的代码示例如下:单选"value="11"items="{{items1}}"/>单选"value="2"desc="选项带有副标题"items="{{items2}}"/>...

纵向标签页(VTabs)

纵向选项卡,配合 VTabItem 使用。...amd-vtabs-content 右侧内容区域样式 amd-vtabs-content-slides 右侧单个内容区域样式 VTabItem 类名 说明 amd-vtabs-item 整体样式 代码示例 VTabs 的基本使用示例如下:index.axml 的代码示例如下:...

复选框组(CheckboxGroup)

amd-checkbox-base 原始 checkbox 样式 amd-checkbox-fake 未选中 checkbox 样式 amd-checkbox-checked 选中 checkbox 样式 代码示例 基本使用 index.axml 的代码示例如下:基础用法"><checkbox-group uid="group1" onChange="handleChange" >...

可勾选列表(Checklist)

列表的勾选操作。在一组列表项中选择一个或多个...代码示例 基本使用 index.axml 的代码示例如下:简单布局-单选"padding="0"><checklist value="{{1}}" options="{{options_1}}" onChange="onChange" /></demo-block>复杂布局-多选"padding="0">...

输入框(Input)

layer-normal 左侧内容区域样式 amd-input-item-label 标签样式 amd-input-item-content Input 组件样式 amd-input-item-clear 清除图标区域样式 amd-input-item-clear-icon 清除图标样式 amd-input-item-extra 额外区域样式 代码示例 基本...

弹窗(Modal)

当应用中需要比较明显的对用户当前的操作行为进行警示或提醒时,可以使用对话框。用户需要针对对话框进行操作后方可结束。属性 属性 类型 必填 默认值 说明 title string 否-标题 content string 是-内容 image string 否-缩略图 imageSize...

对话框(Dialog)

button-container-horizontal 按钮区域样式 amd-dialog-content-button 按钮样式 代码示例 基本使用 index.axml 的代码示例如下:<view><dialog content="人在天边月上明"buttonText="{{['我知道了']}}"visible="{{isNoBtnShow}}...

向导提示(Tips)

类名 说明 amd-tips 整体样式 amd-tips-wrap 内部样式 amd-tips-wrap-pseudo 表面内容区域样式 amd-tips-wrap-pseudo-content 表面内容区域样式 amd-tips-arrow 箭头样式 amd-tips-wrap-real 真实内容区域样式 代码示例 基本使用 index....

步骤条(Steps)

引导用户按照流程完成任务的导航条。...steps-item-text 文字区域样式 amd-steps-item-title 标题样式 amd-steps-item-desc 补充说明样式 代码示例 基本使用 index.axml 的代码示例如下:<view class="demo"><demo-block title="横向步骤条">...

轻提示(Toast)

toast-wrapper 整理样式 amd-toastWithIcon-wrapper 带有 Icon 时整体样式 amd-toast-icon Icon 样式 代码示例 基本使用 index.axml 代码示例如下:纯文字 toast</button><button onTap="handleShowToast"data-index="4"class="button...

筛选卡(Filter)

filter-item-btns 按钮区域样式 amd-filter-item-btns-button 重置/确定按钮样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block title="两项筛选"padding="0"><filter uid="filter-1" className="filter-1"><filter-item ...

折叠面板(Collapse)

avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block title="基础用法"padding="0">['item-0']}}"onChange="onChange"uid="collapse-0...

滑动操作(SwipeAction)

action-right 右侧按钮区域样式 amd-swipe-action-btn 按钮样式 amd-swipe-action-btn-text 按钮文字样式 amd-swipe-action-content 表层区域样式 amd-swipe-action-item 表层区域内容样式 代码示例 基本使用 index.axml 的代码示例如下:...

网站应用安全防护

A.MD5数据加密:系统针对部分重要数据采用MD5加密技术进行加密存储。B.错误信息拦截:采用统一的出错提示页面,使攻击无法获取实际的出错信息。C.前后台分离:对后台建立单独管理体系,隐藏后台管理地址。D.核心代码封装:系统核心代码封装...

表单(Form)

高性能表单控件,自带数据...amd-form-item-field 字段样式 amd-form-item-extra 额外内容样式 amd-form-item-arrow 箭头样式 代码示例 基本使用 index.axml 的代码示例如下:<view class="demo"><demo-block title="水平布局表单"padding="0">...

容器(Container)

代码示例 基本使用 index.axml 的代码示例如下:<view class="demo-container"><container title="基础用法"image="{{imageUrl}}"icon="SetOutline"onIconTap="onIconTap">这是 container 自定义内容</view></container></view>index.js 的...

标签(Tag)

primary 基本样式 amd-tag-success 成功样式 amd-tag-warn 警告样式 amd-tag-danger 危险样式 amd-tag-icon-container 图标区域样式 amd-tag-content 默认插槽内容样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block ...

协议(Terms)

比如:同意《用户授权协议》样式类 类名 说明 amd-terms 整体样式 amd-terms-fixed 整体样式 amd-terms-term term 区域样式 amd-terms-term-checkbox checkbox 组件样式 amd-terms-content 内容区域样式 代码示例 基本使用 index.axml 的...

步进器(Stepper)

amd-stepper-handler-disabled 禁用状态下+-图标区域样式 amd-stepper-handler-up-inner+-图标样式 amd-stepper-input-wrap 输入框区域样式 amd-stepper-input 输入框样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block...

开关(Switch)

代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block title="基础用法"><switch checked="{{false}}" onChange="handleChange" /></demo-block>有默认值"><switch checked="{{true}}"/></demo-block>文字和图标">开"uncheckedText...

通告栏(NoticeBar)

amd-notice-bar-operation-text 右侧操作区域文字样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block title="通告栏语义"padding="0"><notice type="default" showIcon>default</notice><white-space/>...

加载(Loading)

用于提示局部或页面在加载中。...代码示例 基本使用 index.axml 的代码示例如下:<view class="demo"><demo-block title="基础用法"padding="0"><loading type="mini"></loading></demo-block><demo-block title="主题色 Loading"padding="0">...

事件接口配置说明

视图模式下事件示例样式 代码模式 在代码模式下,您可以根据示例事件代码,自定义编写所需事件的代码。实现新增或配置事件的内容。代码模式下事件示例样式 说明 配置事件接口代码规范,请参见 组件开发包文件概览。配置事件接口 在 事件...

事件接口配置说明

视图模式下事件示例样式 代码模式 在代码模式下,您可以根据示例事件代码,自定义编写所需事件的代码。实现新增或配置事件的内容。图 2.代码模式下事件示例样式 说明 配置事件接口代码规范,请参见 组件开发规范。配置事件接口 在 事件设置...

复选框(Checkbox)

checkbox-checked checkbox 选中样式 amd-checkbox-base 原始 checkbox 样式 amd-checkbox-fake checkbox 组件未选中样式 amd-checkbox-fake-custom 自定义图标时的样式 代码示例 基本使用 index.axml 的代码示例如下:<view class="demo">...

单选框(RadioGroup)

amd-radio-group-body radio-group 区域样式 amd-radio-group-footer 底部说明区域样式 RadioItem 类名 说明 amd-radio-item-wrap 整体样式 amd-radio-item-base radio 组件样式 amd-radio-item-fake 选中状态下 radio 组件样式 代码示例 ...

徽标(Badge)

CSS 色值 className string 否-类名 样式类 类名 说明 amd-badge 整体样式 amd-badge-inner-text 内部文本样式 amd-badge-text 文本样式 amd-badge-dot 红点样式 amd-badge-icon 图标样式 代码示例 基本使用 index.axml 的代码示例如下:...

弹出层(Popup)

amd-popup-top 内容样式 amd-popup-bottom 内容样式 amd-popup-left 内容样式 amd-popup-right 内容样式 amd-popup-center 内容样式 amd-popup-close-container 关闭图标区域样式 amd-popup-close-container 关闭图标样式 代码示例 基本...

按钮(Button)

amd-button-loading-text 加载区域文字样式 amd-button-loading 加载动画样式 amd-button-wrap 加载区域右侧样式 amd-button-icon 图标样式 amd-button-text 按钮文字样式 amd-button-subtext 副标题样式 代码示例 基本使用 index.axml 的...

查看代码结构

DataWorks的代码结构功能,帮助您根据当前节点编写的SQL代码,解析出SQL代码运行的流程结构图。您可以通过代码结构快速定位、查看及修改SQL代码。查看代码结构 进入DataStudio。登录 DataWorks控制台,单击左侧导航栏的 数据建模与开发>...

滑动面板(FloatPanel)

swiper-footer 底部区域样式 amd-swiper-background 蒙层样式 代码示例 基础使用 index.axml 的代码示例如下:<view class="map"></view><view class="buttonWrapper"><switch class="button"onChange="handleToggleMask"inlineSize="small...

气泡菜单(Popover)

amd-popover-item-text 文字样式 代码示例 基本使用 index.axml 的代码示例如下:<view><demo-block title="基础用法"><view class="wrap dark"><popover placement="bottom"visible="{{showDark}}"onVisibleChange="handleDarkVisibleChange...

代码源触发

代码源触发 本文介绍如何配置流水线代码源触发,以及代码源触发事件和过滤条件。配置代码源触发 开启代码源触发,配置 WebHook 后,在相应的代码地址和分支上提交代码后就可以触发流水线的运行了。云效 Codeup 开启代码源触发 在 Flow 流水...

DataV智能主题&条件样式开发介绍

color","default":"yellow"} },"showInPanel":{"conditions":[[".rules.enabled","$eq",true]]} } } } } } } } } },在index.js文件中,在默认样式代码下书写验证逻辑。验证逻辑中将 color 和 backgroundColor 放到一个对象中获取条件样式...

tabBar

A:可以在 JSON 文件中直接设置样式代码示例如下所示),或者调用 my.setTabBarStyle API 进行设置。tabBar":{"textColor":"#404040","selectedColor":"#108ee9","backgroundColor":"#F5F5F9"} 请求异常类问题 Q:切换 tabBar 时报错...

标签页(Tabs)

代码示例 基本使用 index.axml 的代码示例如下:<view><tabs index="{{index}}"type="{{type}}"animation="{{animation}}"swipeable="{{swipeable}}"sticky="{{sticky}}"onChange="handleChangeTab"><view a:if="{{plusSlot}}" slot="plus" >...
共有200条 < 1 2 3 4 ... 200 >
跳转至: GO
产品推荐
云服务器 安全管家服务 安全中心
这些文档可能帮助您
函数计算(旧版) Web应用防火墙 智能开放搜索 OpenSearch 云服务器 ECS 弹性公网IP 短信服务
新人特惠 爆款特惠 最新活动 免费试用