mockplus 填写密码的交互怎么做

mockplus 填写密码的交互怎么做

你先照着你的策划案把UI搭出来, 如图1(我随便弄的 你要做的就是在这些UI按钮上做交互) 


图1
注意,这里要吧密码框的输入类型改成图2



图2
这样你输入东西的时候,会自动转换为******(密码形式)




接下来第三步,把登录按钮设置交互

点击按钮,然后拖动登录按钮上方的交互点(我习惯叫交互点,就是你们常说的链接点)




或者你可以直接把它的交互属性(页链接,直接目标到想要跳转的主界面去)



然后F5运行一下试试. 大功告成~

mockplus不是一个能做复杂交互的工具，适合产品经理写文档用。 我没有用过mockplus，但是我可以大概给说一下逻辑，首先你需要一个请输入密码的提示性文字图片，其次你需要输入密码后的文字图片。分别给他们做遮罩（蒙版），然后通过移动遮罩决定他们的隐藏和显示。