bind-alipay.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!-- 绑定支付宝 -->
  2. <template>
  3. <view class="wrap">
  4. <view class="module">
  5. <view class="row">
  6. <view class="label">
  7. 真实姓名
  8. </view>
  9. <input type="text" value="" class="input" placeholder="请输入身份证姓名" placeholder-class="placeholder" />
  10. </view>
  11. <view class="row">
  12. <view class="label">
  13. 身份证号
  14. </view>
  15. <input type="text" value="" class="input" placeholder="请输入支付宝认证的身份证号" placeholder-class="placeholder" />
  16. </view>
  17. <view class="row">
  18. <view class="label">
  19. 手机号码
  20. </view>
  21. <input type="text" value="" class="input" placeholder="请输入手机号码" placeholder-class="placeholder" />
  22. <button type="default" class="get-code">发送验证码</button>
  23. </view>
  24. <view class="row">
  25. <view class="label">
  26. 验证码
  27. </view>
  28. <input type="text" value="" class="input" placeholder="请输入验证码" placeholder-class="placeholder" />
  29. </view>
  30. </view>
  31. <view class="btn-box">
  32. <button type="default" class="active">立即绑定</button>
  33. </view>
  34. </view>
  35. </template>
  36. <script>
  37. export default {
  38. data() {
  39. return {
  40. }
  41. },
  42. methods: {
  43. }
  44. }
  45. </script>
  46. <style scoped lang="scss">
  47. @import "./bind-alipay.css";
  48. </style>