组件/表单组件

ECaptcha 图片验证码

import EUI 1.0

示例与代码

图片验证码

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width ECaptcha { id: captcha length: 5 } EButton { text: qsTr("验证") onClicked: console.log(captcha.verify(input.text)) } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

backgroundColorQColor

背景颜色。

默认值动态绑定

colorQColor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

lengthint

验证码长度或 OTP 输入位数。

默认值4

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth