confirmVin.vue 1003 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <view style="width: 100%;">
  3. <view class="confirm-text">
  4. <view>请核对VIN识别是否正确?</view>
  5. <view>如果有误,请修改</view>
  6. </view>
  7. <view class="vin-img">
  8. <u-image src="vinImg"></u-image>
  9. </view>
  10. <xt-verify-code v-model="verifyCode" inputType='text' size="17" @confirm="confirm"></xt-verify-code>
  11. <view class="confirm-button">
  12. <u-button @click="ok" type="primary" shape="circle">确认输入</u-button>
  13. </view>
  14. <view class="share-list">
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. verifyCode: '',
  23. vinImg: ''
  24. }
  25. },
  26. methods: {
  27. confirm(code){
  28. console.log(code)
  29. this.verifyCode = code
  30. },
  31. ok(){
  32. if(this.verifyCode==''){
  33. uni.showToast({
  34. title: "请输入VIN码",
  35. icon:"none"
  36. })
  37. }else{
  38. uni.navigateTo({
  39. url: "/pages/vinInput/confirmVin"
  40. })
  41. }
  42. }
  43. }
  44. }
  45. </script>
  46. <style lang="less">
  47. .confirm-button{
  48. padding: 50rpx;
  49. }
  50. </style>