HarmonyOS 需要获取短信验证码需要有一个图片验证码或者滑块验证的,防止别人刷短信验证码的demo

需要获取短信验证码需要有一个图片验证码或者滑块验证的,防止别人刷短信验证码的demo

HarmonyOS
2024-12-20 16:51:32
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

请参考:

import promptAction from '@ohos.promptAction'
let customDialogId: number = 0;
let sliderValue = 0;
@Builder
function customDialogBuilder() {
Column() {
Row({space:20}){
Text('安全验证').fontSize(26)
.width('80%')
.height(60)
.textAlign(TextAlign.Center)
.lineHeight(60)
Image($r('app.media.error'))
.width(26)
.height(26)
.onClick(() => {
promptAction.closeCustomDialog(customDialogId)
})
}
.margin({bottom:16})
Stack() {
Text("请滑到最右端")
.fontSize(20)
.onClick(() => {
promptAction.closeCustomDialog(customDialogId)
})
Slider({ style: SliderStyle.InSet, value: sliderValue })
.trackColor('rgba(40,40,40,0.5)')
.selectedColor('rgba(200,200,200,1)')
.trackThickness(66)
.blockStyle({ type: SliderBlockType.IMAGE, image: $r('app.media.arrow') })
.onChange((value: number, mode: SliderChangeMode) => {
if(value == 100) {
promptAction.closeCustomDialog(customDialogId)
}
})
}
.height(90)
.width('80%')
}.height(220).padding(5)
}
@Entry
@Component
struct Index {
@State message: string = '获取验证码'
build() {
Row() {
Column() {
Button(this.message)
.fontSize(50)
.padding(16)
.onClick(() => {
promptAction.openCustomDialog({
builder: customDialogBuilder.bind(this)
}).then((dialogId: number) => {
customDialogId = dialogId
})
})
}
.width('100%')
}
.height('100%')
}
}
分享
微博
QQ
微信
回复
2024-12-20 19:41:15
相关问题
HarmonyOS 申请验证码demo实现
357浏览 • 1回复 待解决
HarmonyOS 验证码输入样式
344浏览 • 1回复 待解决
如何实现一个验证码弹窗子窗口
817浏览 • 1回复 待解决
实现验证码登录之前滑动验证实现
399浏览 • 1回复 待解决
前端验证码配合后端实现思路?
3733浏览 • 1回复 待解决
HarmonyOS 如何实现滑动验证码功能
828浏览 • 1回复 待解决
密码或验证码登录页面完整代码
2460浏览 • 1回复 待解决