change.vue 828 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view>
  3. <view class="phone-form">
  4. <view class="phone-form-row">
  5. <view class="phone-form-input">
  6. <u-input v-model="value" type="password" />
  7. </view>
  8. </view>
  9. <view class="phone-form-row">
  10. <view class="phone-form-input">
  11. <u-input v-model="value" type="password" />
  12. </view>
  13. </view>
  14. <view class="phone-button">
  15. <u-button type="primary" shape="circle">重置密码</u-button>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. data() {
  23. return {
  24. }
  25. },
  26. methods: {
  27. }
  28. }
  29. </script>
  30. <style scoped lang="scss">
  31. .phone-form-input{
  32. padding: 10px;
  33. border-bottom: 1px solid #eee;
  34. }
  35. .phone-form-row{
  36. position: relative;
  37. .phone-form-code{
  38. position: absolute;
  39. right: 0;
  40. top:10px;
  41. }
  42. }
  43. .phone-button{
  44. margin: 10px;
  45. }
  46. </style>