12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <template>
- <view style="width: 100%;">
- <view style="padding: 30rpx 60rpx;margin-top: 10vh;">
- <u-input v-model="verifyCode" type="text" :custom-style="{fontSize:'40rpx'}" height="90" :maxlength='17' input-align="center" placeholder="请输入VIN" :border="true" focus />
- </view>
- <view class="confirm-button">
- <u-button @click="ok" type="primary" :custom-style="{background:'#1283d4'}" shape="circle">确认输入</u-button>
- </view>
- </view>
- </template>
- <script>
- export default {
- components: {},
- data() {
- return {
- verifyCode: ''
- }
- },
- onLoad() {
- },
- methods: {
- ok(){
- if(this.verifyCode==''||this.verifyCode.length<17){
- uni.showToast({
- title: "请输入VIN码",
- icon:"none"
- })
- }else{
- uni.redirectTo({
- url: "/pages/vinInput/confirmVin?verifyCode="+this.verifyCode
- })
- }
- },
- }
- }
- </script>
- <style lang="less">
- .confirm-button{
- padding: 50rpx;
- }
- </style>
|