FWQ
微信小程序中密码输入框的设计代码
这篇文章主要介绍了微信小程序 密码输入的相关资料,需要的朋友可以参考下 设计支付密码的输入框 效果如下: 实例代码: <view><view>支付方式</view><view><i></i> <text>微信支付</text></view><view><i></i> <text>对公打款</text></view><block><view><i></i> <text>钱包支付(余额:{{balance/100}}元)</text></view></block><block><view><i></i> <text>钱包支付(余额不足)</text></view></block></view><view>确定</view><!--输入钱包密码--><view><view><view><view>×</view><view>请输入支付密码</view><view>忘记密码</view></view><view><span>¥</span> <text>{{actual_fee/100}}</text></view><view><view><i>=1}}"></i> </view><view><i>=2}}"></i> </view><view><i>=3}}"></i> </view><view><i>=4}}"></i> </view><view><i>=5}}"></i> </view><view><i>=6}}"></i> </view></view></view><input></view> 登录后复制 index.js Page({ data: { payment_mode: 1,//默认支付方式 微信支付 isFocus: false,//控制input 聚焦 balance:100,//余额 actual_fee:20,//待支付 wallets_password_flag:false//密码输入遮罩 }, //事件处理函数…