vinInput.vue 944 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view style="width: 100%;">
  3. <view style="padding: 30rpx 60rpx;margin-top: 10vh;">
  4. <u-input v-model="verifyCode" type="text" :custom-style="{fontSize:'40rpx'}" height="90" :maxlength='17' input-align="center" placeholder="请输入VIN" :border="true" focus />
  5. </view>
  6. <view class="confirm-button">
  7. <u-button @click="ok" type="primary" :custom-style="{background:'#1283d4'}" shape="circle">确认输入</u-button>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. components: {},
  14. data() {
  15. return {
  16. verifyCode: ''
  17. }
  18. },
  19. onLoad() {
  20. },
  21. methods: {
  22. ok(){
  23. if(this.verifyCode==''||this.verifyCode.length<17){
  24. uni.showToast({
  25. title: "请输入VIN码",
  26. icon:"none"
  27. })
  28. }else{
  29. uni.redirectTo({
  30. url: "/pages/vinInput/confirmVin?verifyCode="+this.verifyCode
  31. })
  32. }
  33. },
  34. }
  35. }
  36. </script>
  37. <style lang="less">
  38. .confirm-button{
  39. padding: 50rpx;
  40. }
  41. </style>