|
|
|
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["user-pages-phone-code"],{"05c2":function(t,e,n){"use strict";var i=n("6159"),o=n.n(i);o.a},"164d":function(t,e,n){"use strict";n("6a54"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,n("64aa"),n("5c47"),n("bf0f"),n("2797"),n("aa9c");var i={name:"xt-verify-code",props:{value:{type:String,default:function(){return""}},type:{type:String,default:function(){return"box"}},inputType:{type:String,default:function(){return"number"}},size:{type:Number,default:function(){return 6}},isFocus:{type:Boolean,default:function(){return!0}},isPassword:{type:Boolean,default:function(){return!1}},cursorColor:{type:String,default:function(){return"#cccccc"}},boxNormalColor:{type:String,default:function(){return"#f7f7f7"}},boxActiveColor:{type:String,default:function(){return"#009254"}}},model:{prop:"value",event:"input"},data:function(){return{cursorVisible:!1,cursorHeight:35,code:"",codeCursorLeft:[],itemSize:6}},created:function(){this.cursorVisible=this.isFocus,this.validatorSize()},mounted:function(){this.init()},methods:{validatorSize:function(){this.size<=6&&this.size>0?this.itemSize=Math.floor(this.size):this.itemSize=6},init:function(){this.getCodeCursorLeft(),this.setCursorHeight()},getElement:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"single",n=arguments.length>2?arguments[2]:void 0;uni.createSelectorQuery().in(this)["array"===e?"selectAll":"select"](t).boundingClientRect().exec((function(t){n(t[0])}))},setCursorHeight:function(){var t=this;this.getElement(".xt__box","single",(function(e){t.cursorHeight=.6*e.height}))},getCodeCursorLeft:function(){var t=this;this.getElement("#xt__input-ground","single",(function(e){var n=e.left;t.getElement(".xt__box","array",(function(e){t.codeCursorLeft=[],e.forEach((function(e){t.codeCursorLeft.push(e.left-n+e.width/2)}))}))}))},input:function(t){var e=t.detail.value;this.cursorVisible=e.length!==this.itemSize,this.$emit("input",e),this.inputSuccess(e)},inputSuccess:function(t){t.length===this.itemSize&&this.$emit("confirm",t)},inputFocus:function(){this.cursorVisible=this.code.length!==this.itemSize},inputBlur:function(){this.cursorVisible=!1}},watch:{value:function(t){this.code=t}},filters:{codeFormat:function(t,e){var n="";return t&&(n=e?"*":t),n}}};e.default=i},"1a79":function(t,e,n){"use strict";n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"xt__verify-code"},[n("v-uni-input",{staticClass:"xt__input",attrs:{id:"xt__input",value:t.code,focus:t.isFocus,password:t.isPassword,type:t.inputType,maxlength:t.itemSize},on:{input:function(e){arguments[0]=e=t.$handleEvent(e),t.input.apply(void 0,arguments)},focus:function(e){arguments[0]=e=t.$handleEvent(e),t.inputFocus.apply(void 0,arguments)},blur:function(e){arguments[0]=e=t.$handleEvent(e),t.inputBlur.apply(void 0,arguments)}}}),t.cursorVisible&&"middle"!==t.type?n("v-uni-view",{staticClass:"xt__cursor",style:{left:t.codeCursorLeft[t.code.length]+"px",height:t.cursorHeight+"px",backgroundColor:t.cursorColor},attrs:{id:"xt__cursor"}}):t._e(),n("v-uni-view",{staticClass:"xt__input-ground",attrs:{id:"xt__input-ground"}},[t._l(t.itemSize,(function(e,i){return[n("v-uni-view",{key:i,class:["xt__box","xt__box-"+t.type,"xt__box::after"],style:{borderColor:t.code.length===i&&t.cursorVisible?t.boxActiveColor:t.boxNormalColor}},["middle"!==t.type||t.code[i]?t._e():n("v-uni-view",{staticClass:"xt__middle-line",style:{borderColor:t.boxActiveColor}}),n("v-uni-text",{staticClass:"xt__code-text"},[t._v(t._s(t._f("codeFormat")(t.code[i],t.isPassword)))])],1)]}))],2)],1)},o=[]},"1fc8":function(t,e,n){var i=n("c86c");e=i(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者,建议你使用scss预处理,并在插件<EFBFBD>
|