电脑网站样式设置介绍
一、教程介绍 本教程分别介绍电脑网站的样式：【主题】、【基础】、【顶部】、【版式】和【底部】的应用。二、设置教程 1.主题 1.1 主题色 主题色应用于导航栏、模块颜色、返回顶部按钮等大部分跟颜色变化有关系的设置。1.2 网站样式 在...
容器（Container）
样式类 类名 说明 amd-container 整体样式 amd-container-header 标题栏整体样式 amd-container-header-image 标题栏图片样式 amd-container-header-title 标题栏标题样式 amd-container-header-icon 标题栏 Icon 样式 amd-container-...
DataV智能主题&条件样式开发介绍
本文介绍了自定义组件开发时，智能主题设置和条件样式设置的实现方法。DataV组件智能主题 美化工具箱设置主题颜色 在画布编辑器页面上方，单击美化工具箱 按键，在 我的主题 页签，系统主题 模块处，您可以一键更换主题。如果系统主题无法...
标签（Tag）
primary 基本样式 amd-tag-success 成功样式 amd-tag-warn 警告样式 amd-tag-danger 危险样式 amd-tag-icon-container 图标区域样式 amd-tag-content 默认插槽内容样式 代码示例 基本使用 index.axml 的代码示例如下：<view><demo-block ...
加载（Loading）
类名 说明 amd-loading 整体样式 amd-loading-spin-container 外层容器样式 amd-loading-spin 内层容器样式 amd-loading-spin-dark 深色模式样式 amd-loading-spin-light 浅色模式样式 amd-loading-spin-icon 加载图标外层样式 amd-loading...
步进器（Stepper）
触发此回调(e:number,dataSet:Record,any>)=>void 样式类 类名 说明 amd-stepper 整体样式 amd-stepper-disabled 禁用状态下的整体样式 amd-stepper-handler+-图标区域样式 amd-stepper-handler-up+区域样式 amd-stepper-handler-up-区域...
通告栏（NoticeBar）
触发回调(index:number)=>void 样式类 类名 说明 amd-notice-bar 整体样式 amd-notice-bar-default 整体样式 amd-notice-bar-danger 整体样式 amd-notice-bar-primary 整体样式 amd-notice-bar-transparent 整体样式 amd-notice-bar-...
协议（Terms）
比如：同意《用户授权协议》样式类 类名 说明 amd-terms 整体样式 amd-terms-fixed 整体样式 amd-terms-term term 区域样式 amd-terms-term-checkbox checkbox 组件样式 amd-terms-content 内容区域样式 代码示例 基本使用 index.axml 的...
事件接口配置说明
视图模式下事件示例样式 代码模式 在代码模式下，您可以根据示例事件代码，自定义编写所需事件的代码。实现新增或配置事件的内容。代码模式下事件示例样式 说明 配置事件接口代码规范，请参见 组件开发包文件概览。配置事件接口 在 事件...
事件接口配置说明
视图模式下事件示例样式 代码模式 在代码模式下，您可以根据示例事件代码，自定义编写所需事件的代码。实现新增或配置事件的内容。图 2.代码模式下事件示例样式 说明 配置事件接口代码规范，请参见 组件开发规范。配置事件接口 在 事件设置...
列表（List）
触发此回调(e:Event)=>void 样式类 类名 说明 amd-list 整体样式 amd-list-header header 样式 amd-list-body 内部内容样式 amd-list-footer footer 样式 类名 说明 amd-list-item 整体样式 amd-list-item-line 内容样式 amd-list-item-...
纵向标签页（VTabs）
作用域插槽 icon 自定义标题内图标样式 作用域插槽 样式类 VTabs 类名 说明 amd-vtabs 整体样式 amd-vtabs-bar 左侧标题区域样式 amd-vtabs-bar-scroll-view 左侧标题区域样式 amd-vtabs-bar-item-wrap 左侧标题样式 amd-vtabs-bar-item ...
开关（Switch）
说明 类型 onChange 点击 switch，触发此回调(checked:boolean)=>void 插槽 名称 说明 checked 选中时的内容插槽 unchecked 非选中时的内容插槽 样式类 类名 说明 amd-switch 整体样式 amd-switch-checked 选中时的样式 amd-switch-...
选择器（Picker）
amd-picker-header-item 弹窗头部区域文本样式 amd-picker-content 选择区域样式 amd-picker-content-item 选择区域单个选项样式 代码示例 基本使用 index.axml 的代码示例如下：基础用法"padding="0">选择城市请选择"title="请选择...
输入框（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 额外区域样式 代码示例 基本...
选择组（Selector）
amd-selector-disabled 禁用状态下的整体样式 amd-selector-content 单个选项样式 amd-selector-item 单个选项样式 amd-selector-item-active 激活状态下单个样式 amd-selector-item-disabled 禁用状态下单个选项样式 amd-selector-item-...
弹出层（Popup）
说明 类型 onClose 弹窗关闭时，触发回调(visible:boolean)=>void 样式类 类名 说明 amd-popup 整体样式 amd-popup-mask 遮罩层样式 amd-popup-disable-scroll 禁用滚动样式 amd-popup-animation 开启过渡动画样式 amd-popup-content 内容...
弹窗（Modal）
default 弹窗内容 样式类 类名 说明 amd-modal 整体样式 amd-modal-content 弹窗主体内容样式 amd-modal-content-image 弹窗图片样式 amd-modal-content-image-medium 弹窗图片样式 amd-modal-content-image-large 弹窗图片样式 amd-modal-...
头像（Avatar）
className string 否-类名 样式类 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 amd-avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 代码示例 基本使用 index.axml 的代码示例如下：...
操作结果（Result）
类名 说明 amd-result 整体样式 amd-result-main 内容展示区域 amd-result-image icon 区域样式 amd-result-buttons 按钮区域样式 代码示例 基本使用 index.axml 的代码示例如下：<view class="demo"><demo-block padding="0"title="成功...
对话框（Dialog）
amd-dialog-content 内容整体样式 amd-dialog-content-title 标题样式 amd-dialog-content-content 内容样式 amd-dialog-content-button-container 按钮区域样式 amd-dialog-content-button-container-vertical 按钮区域样式 amd-dialog-...
可勾选列表（Checklist）
item-content 可勾选列表内容样式 amd-checklist-item-text 可勾选列表内容标题样式 amd-checklist-item-image 可勾选列表内容图片样式 amd-checklist-item-text-description 可勾选列表内容描述样式 amd-checklist-item-check-icon 可勾选...
向导提示（Tips）
类名 说明 amd-tips 整体样式 amd-tips-wrap 内部样式 amd-tips-wrap-pseudo 表面内容区域样式 amd-tips-wrap-pseudo-content 表面内容区域样式 amd-tips-arrow 箭头样式 amd-tips-wrap-real 真实内容区域样式 代码示例 基本使用 index....
步骤条（Steps）
vertical 整体样式 类名 说明 amd-steps-item 整体样式 amd-steps-item-horizontal 整体样式 amd-steps-item-vertical 整体样式 amd-steps-item-line 步骤条样式 amd-steps-item-line-fail 错误步骤条样式 amd-steps-item-icon 图标样式 ...
按钮（Button）
amd-button-loading-text 加载区域文字样式 amd-button-loading 加载动画样式 amd-button-wrap 加载区域右侧样式 amd-button-icon 图标样式 amd-button-text 按钮文字样式 amd-button-subtext 副标题样式 代码示例 基本使用 index.axml 的...
筛选卡（Filter）
block>四项筛选"padding="0"><filter uid="filter-3"className="filter-3"><filter-item uid="filter-3"placeholder="筛选项一"value="3"items="{{items}}"type="default"ref="ref"onChange="changeSelect"onOpen="onOpen"/>...
折叠面板（Collapse）
样式类 Collapse 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 amd-avatar-content 头像描述样式 amd-avatar-name name 样式 amd-avatar-desc desc 样式 CollapseItem 类名 说明 amd-avatar 整体样式 amd-avatar-src 图片样式 ...
常见问题
更改页面某个元素的样式 对于用户想修改参数配置中没有的元素样式，可以通过自定义覆盖CSS的方式，原来元素的CSS样式进行修改，完成自定义样式的需求。更改页面某个元素的文案 下载 JSON文件，按照自己想要的文案修改，在html中加载自己的...
气泡菜单（Popover）
amd-popover-content 内容样式 amd-popover-arrow 箭头样式 amd-popover-inner 内部内容样式 amd-popover-inner-pseudo tooltip 内容整体样式 类名 说明 amd-popover-item 整体样式 amd-popover-item-icon 图标样式 amd-popover-item-icon-...
H5客户端接入
customView object 否 添加此属性必须设置 showCustomView 为 true，对象形式 {"element":"自定义节点","style":"自定义样式","js":"自定义交互"} isDialog boolean 否 是否弹窗样式。取值：true：表示登录页为弹窗。false（默认值）：表示...
滑动面板（FloatPanel）
swiper-footer 底部区域样式 amd-swiper-background 蒙层样式 代码示例 基础使用 index.axml 的代码示例如下：<view class="map"></view><view class="buttonWrapper"><switch class="button"onChange="handleToggleMask"inlineSize="small...
滑动操作（SwipeAction）
action-right 右侧按钮区域样式 amd-swipe-action-btn 按钮样式 amd-swipe-action-btn-text 按钮文字样式 amd-swipe-action-content 表层区域样式 amd-swipe-action-item 表层区域内容样式 代码示例 基本使用 index.axml 的代码示例如下：...
表单（Form）
string,fieldsVals:Record,any>)=>void 样式类 Form 类名 说明 amd-form 整体样式 amd-form-footer footer 样式 FormGroup 类名 说明 amd-form-group-header 标题样式 amd-form-group-radius 圆角样式 FormItem 类名 说明 amd-form-item-...
创建应用配置
H5静态代码扫描规则集 使用了ESLint、Stylelint、HTMLHint等扫描引擎，ESLint 主要用于 JavaScript 代码的静态分析，Stylelint 主要用于 CSS 和样式表代码的静态分析，HTMLHint 主要用于 HTML 代码的静态分析。作为静态分析工具，能够检测...
图片样式
您可以通过OSS创建图片样式，然后在图片样式中定义多个图片处理相关操作。通过OSS图片样式，您可以对Bucket下的所有图片执行图片样式中定义的所有操作，实现Bucket中图片的快速处理和转换操作。注意事项 关于图片样式支持的图片处理参数，...
复选框（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 的代码示例如下：...
复选框组（CheckboxGroup）
footer 底部内容插槽 样式类 类名 说明 amd-checkbox-group 整体样式 amd-list-header 头部内容样式 amd-list-body 内部内容样式 amd-list-footer 底部内容样式 类名 说明 amd-checkbox-item 整体样式 amd-checkbox 原始 checkbox 整体样式...
图片样式
您可以通过OSS创建图片样式，然后在图片样式中定义多个图片处理相关操作。通过OSS图片样式，您可以对Bucket下的所有图片执行图片样式中定义的所有操作，实现Bucket中图片的快速处理和转换操作。注意事项 关于图片样式支持的图片处理参数，...
- 产品推荐
- 这些文档可能帮助您