changePassword.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view class="changePassword-page">
  3. <ZxInput
  4. v-model="form.oldPassword"
  5. :placeholder="$t('请输入旧密码')"
  6. isPassword
  7. />
  8. <ZxInput
  9. v-model="form.password"
  10. :placeholder="$t('请输入新密码')"
  11. isPassword
  12. />
  13. <ZxInput
  14. v-model="form.passwordAgain"
  15. :placeholder="$t('请再次输入新密码')"
  16. isPassword
  17. />
  18. <view :class="['zx-form-btn', isSubmit && 'is-submit']" style="margin-top: 64rpx;" @tap="changePassword">
  19. {{ $t('确认修改') }}
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. import ZxInput from './components/ZxInput.vue'
  25. var config = require('../../common/config_gyq.js');
  26. var http = require('../../common/request.js');
  27. export default {
  28. data() {
  29. return {
  30. form: {
  31. }
  32. }
  33. },
  34. components: {
  35. ZxInput
  36. },
  37. computed: {
  38. isSubmit({ form }) {
  39. return form.oldPassword && form.password && form.passwordAgain
  40. }
  41. },
  42. methods: {
  43. changePassword() {
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss" scoped>
  49. @import "@/libs/css/layout.scss";
  50. .changePassword-page {
  51. padding: 58rpx 32rpx;
  52. min-height: 100vh;
  53. width: 100%;
  54. background: #F1F3F4;
  55. }
  56. </style>