中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本例小元件包括密碼一致、可見等小功能；同樣可以放在自己元件庫(kù)中備用。

一、密碼設(shè)置

創(chuàng)建兩個(gè)動(dòng)態(tài)面板，分別命名為“新密碼”、“確認(rèn)密碼”；為它們添加兩個(gè)狀態(tài)，“明文”和“暗文”；“暗文”狀態(tài)在上。

分別在所有的“明文”和“暗文”狀態(tài)中加入元件文本框、眼睛（形狀）、刪除（形狀）；注意為文本框命名以作區(qū)別，并設(shè)置最大長(zhǎng)度為20；眼睛（形狀）在“明文”和“暗文”狀態(tài)中為一睜一閉。

保證所有相同元件的位置一致（避免切換的時(shí)候出現(xiàn)視覺的跳動(dòng)）；并將所有“暗文”狀態(tài)中的文本框類型設(shè)置為密碼。

設(shè)置動(dòng)態(tài)面板新密碼中的暗文狀態(tài)中“暗”文本框在文字改變時(shí)；元件?設(shè)置文本? ?新密碼“明”文本框(值)=當(dāng)前元件。

設(shè)置動(dòng)態(tài)面板新密碼中的明文狀態(tài)中“明”文本框在文字改變時(shí)；元件?設(shè)置文本? ?新密碼“暗”文本框(值)=當(dāng)前元件。

同理設(shè)置動(dòng)態(tài)面板確認(rèn)密碼中的“明文”和“暗文”狀態(tài)下文本框的文字改變時(shí)用例；設(shè)置所有刪除（形狀）在鼠標(biāo)點(diǎn)擊時(shí)（設(shè)置文本）對(duì)應(yīng)的文本框（值）=“”。

1. 設(shè)置明暗文切換

將所有“暗文”狀態(tài)中的眼睛（形狀）設(shè)置鼠標(biāo)點(diǎn)擊時(shí)：元件?設(shè)置面板狀態(tài)? 新密碼=明文；確認(rèn)密碼=明文。

將所有“明文”狀態(tài)中的眼睛（形狀）設(shè)置鼠標(biāo)點(diǎn)擊時(shí)：元件?設(shè)置面板狀態(tài)? 新密碼=暗文；確認(rèn)密碼=暗文。

2. 密碼一致判斷

加入一個(gè)新元件文本命名為提示-設(shè)置密碼，輸入文字：請(qǐng)?jiān)O(shè)置8-20位密碼，并保證兩次輸入一致。

加入一個(gè)新元件按鈕命名為確定，并為它添加鼠標(biāo)點(diǎn)擊時(shí)的用例：

case1

• 添加條件確認(rèn)密碼中的“暗”文本框!=新密碼中的“暗”文本框
• 元件?顯示“提示-設(shè)置密碼”等待3秒后隱藏“提示-設(shè)置密碼”

case2

• 添加條件確認(rèn)密碼中的“明”文本框!=新密碼中的“明”文本框
• 元件?顯示“提示-設(shè)置密碼”等待3秒后隱藏“提示-設(shè)置密碼”

這樣密碼設(shè)置的元件就做好啦，在實(shí)際應(yīng)用時(shí)：

• 可以為按鈕添加兩個(gè)文本框一致的條件下，跳轉(zhuǎn)到下一步的用例
• 也可以添加密碼位數(shù)不足8位時(shí)，點(diǎn)擊按鈕顯示提示信息的用例
• 如果只是一個(gè)密碼框的應(yīng)用時(shí)，只需要改動(dòng)一下元件數(shù)量和按鈕用例即可

請(qǐng)看原型示例：

鏈接: https://pan.baidu.com/s/1NkfiTudzgIufsV5PYOwpMQ

提取碼: a1pe

歡迎大家交流！

本文由 @戎馬嘯西風(fēng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。