changePayPwd.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <template>
  2. <view class="changePayPwd-container">
  3. <text class="pwd-describe">请输入当前支付密码</text>
  4. <view class="pwd-item">
  5. <u-input v-model="oldPwd" border type="text" input-align="center" placeholder="请输入支付密码" maxlength="50" class="inp-pwd" />
  6. </view>
  7. <view class="btn-con">
  8. <u-button class="handle-btn" type="info" size="medium" @click="cancel">取消</u-button>
  9. <u-button class="handle-btn" type="primary" size="medium" @click="submit">确定</u-button>
  10. </view>
  11. <view class="linkbtn-con">
  12. <text class="link-btn" @click="goPage">忘记支付密码</text>
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. data() {
  19. return {
  20. oldPwd: '' // 旧密码
  21. }
  22. },
  23. onShow() {
  24. },
  25. onLoad() {
  26. },
  27. methods:{
  28. // 确定
  29. submit(){
  30. if(this.oldPwd){
  31. }else{
  32. uni.showToast({ title: '请输入支付密码', icon: 'none' })
  33. }
  34. },
  35. // 取消
  36. cancel(){
  37. uni.navigateBack({ delta: 1 })
  38. },
  39. // 忘记支付密码
  40. goPage(){
  41. uni.redirectTo({
  42. url: '/pages/userCenter/userInfo/smsVerification'
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="less">
  49. .changePayPwd-container{
  50. width: 100%;
  51. padding: 0 30rpx;
  52. box-sizing: border-box;
  53. background-color: #fff;
  54. .pwd-describe{
  55. display: block;
  56. color: #606266;
  57. padding: 80rpx 0 70rpx;
  58. text-align: center;
  59. }
  60. .pwd-item{
  61. .inp-pwd{
  62. }
  63. }
  64. .btn-con{
  65. display: flex;
  66. justify-content: space-between;
  67. padding-top: 130rpx;
  68. .handle-btn{
  69. display: inline-block;
  70. width: 45%;
  71. margin: 0 auto;
  72. text-align: center;
  73. }
  74. }
  75. .linkbtn-con{
  76. text-align: center;
  77. .link-btn{
  78. display: inline-block;
  79. font-size: 28rpx;
  80. color: #298bf2;
  81. margin-top: 200rpx;
  82. }
  83. }
  84. }
  85. </style>