<template>
  <v-header scroll title="修改手机号" backgroundColor="#fff">
    <view class="mobile-container flex">
      <view
        class="mobile-item row aCenter"
        v-for="(item,index) in inputData"
        :key="index"
        :class="['mobile-item-'+item.type]"
      >
        <image :src="'/static/images/'+item.icon+'.png'" class="mobile-icon" mode="heightFix"></image>
        <view class="flex-all-1">
          <input v-model="item.value" :maxlength="item.maxLength || 6" class="mobile-input" type="number" :placeholder="item.placeholder" />
        </view>
        <view @click="triggerTimeDate(item,inputData)" v-if="item.type === 'verification'" class="mobile-verification center"
          :class="{'mobile-verification-disabled':timeFormat}"
        >{{timeFormat?timeFormat:timeConfig.default}}</view>
      </view>
      <view class="flex-all-1"></view>
      <view class="mobile-button-container center">
        <view @click="submit" class="mobile-button center">完成</view>
      </view>
    </view>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import inputData from './data/input';
import mixins from './mixins';
export default {
  name: "update-mobile",
  data(){
    return {
      inputData:inputData()
    }
  },
  mixins,
  components:{
    vHeader
  }
}
</script>

<style src="./style.scss" lang="scss">

</style>