frontend/examking-app/components/watch-login/watch-input.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <view class="main-list oBorder">
    <!-- 文本框 -->
    <input class="main-input"
           :value="value"
           :type="_type"
           :maxlength="maxlength"
           :placeholder="placeholder"
           :password="type==='password'&&!showPassword"
           @input="$emit('input', $event.target.value)"
           @blur="$emit('blur', $event)"
           @focus="$emit('focus', $event)"
           @longpress="$emit('longpress', $event)"
           @confirm="$emit('confirm', $event)"
           @click="$emit('click', $event)"
           @longtap="$emit('longtap', $event)"
           @touchcancel="$emit('touchcancel', $event)"
           @touchend="$emit('touchend', $event)"
           @touchmove="$emit('touchmove', $event)"
           @touchstart="$emit('touchstart', $event)" />
    <!-- 是否可见密码 -->
    <image v-if="_isShowPass&&type==='password'&&!_isShowCode"
           class="img cuIcon"
           :class="showPassword?'cuIcon-attention':'cuIcon-attentionforbid'"
           @tap="showPass"></image>
    <!-- 倒计时 -->
    <view v-if="_isShowCode&&!_isShowPass"
          :class="['vercode',{'vercode-run': second>0}]"
          @click="setCode">{{ getVerCodeSecond }}</view>

  </view>
</template>

<script>
var _this, countDown
export default {
  data() {
    return {
      showPassword: false, //是否显示明文
      second: 0, //倒计时
      isRunCode: false, //是否开始倒计时
    }
  },
  props: {
    type: String, //类型
    value: String, //值
    placeholder: String, //框内提示
    maxlength: {
      //最大长度
      type: [Number, String],
      default: 20,
    },
    isShowPass: {
      //是否显示密码图标（二选一）
      type: [Boolean, String],
      default: false,
    },
    isShowCode: {
      //是否显示获取验证码（二选一）
      type: [Boolean, String],