init

pages_tool/components/myp-one/myp-one.js

@@ -0,0 +1,10 @@
+require('../../common/vendor.js');(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages_tool/components/myp-one/myp-one"],{"22ec":function(e,t,n){},"3d53":function(e,t,n){"use strict";n.r(t);var i=n("e391"),a=n("ae44");for(var u in a)["default"].indexOf(u)<0&&function(e){n.d(t,e,(function(){return a[e]}))}(u);n("84ee");var o=n("828b"),r=Object(o["a"])(a["default"],i["b"],i["c"],!1,null,"d6e7fe80",null,!1,i["a"],void 0);t["default"]=r.exports},"84ee":function(e,t,n){"use strict";var i=n("22ec"),a=n.n(i);a.a},ae44:function(e,t,n){"use strict";n.r(t);var i=n("bc4b"),a=n.n(i);for(var u in i)["default"].indexOf(u)<0&&function(e){n.d(t,e,(function(){return i[e]}))}(u);t["default"]=a.a},bc4b:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i={name:"mypOneInput",props:{value:{type:String,default:""},maxlength:{type:Number,default:4},autoFocus:{type:Boolean,default:!1},isPwd:{type:Boolean,default:!1},type:{type:String,default:"bottom"}},watch:{maxlength:{immediate:!0,handler:function(e){this.ranges=6===e?[1,2,3,4,5,6]:[1,2,3,4]}},value:{immediate:!0,handler:function(e){e!==this.inputValue&&(this.inputValue=e,this.toMakeAndCheck(e))}}},data:function(){return{inputValue:"",codeIndex:1,codeArr:[],ranges:[1,2,3,4]}},methods:{getVal:function(e){var t=e.detail.value;this.inputValue=t,this.$emit("input",t),this.toMakeAndCheck(t)},toMakeAndCheck:function(e){var t=e.split("");this.codeIndex=t.length+1,this.codeArr=t,this.codeIndex>Number(this.maxlength)&&this.$emit("finish",this.codeArr.join(""))},set:function(e){this.inputValue=e,this.toMakeAndCheck(e)},clear:function(){this.inputValue="",this.codeArr=[],this.codeIndex=1}}};t.default=i},e391:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"c",(function(){return a})),n.d(t,"a",(function(){}));var i=function(){var e=this,t=e.$createElement,n=(e._self._c,e.__map(e.ranges,(function(t,n){var i=e.__get_orig(t),a=e.isPwd&&e.codeArr.length>=t;return{$orig:i,g0:a}})));e.$mp.data=Object.assign({},{$root:{l0:n}})},a=[]}}]);
+;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
+    'pages_tool/components/myp-one/myp-one-create-component',
+    {
+        'pages_tool/components/myp-one/myp-one-create-component':(function(module, exports, __webpack_require__){
+            __webpack_require__('df3c')['createComponent'](__webpack_require__("3d53"))
+        })
+    },
+    [['pages_tool/components/myp-one/myp-one-create-component']]
+]);

pages_tool/components/myp-one/myp-one.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages_tool/components/myp-one/myp-one.wxml

@@ -0,0 +1 @@
+<view class="code-box data-v-d6e7fe80"><view class="flex-box data-v-d6e7fe80"><input class="hide-input data-v-d6e7fe80" type="number" focus="{{autoFocus}}" maxlength="{{maxlength}}" data-event-opts="{{[['input',[['getVal',['$event']]]]]}}" value="{{inputValue}}" bindinput="__e"/><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-d6e7fe80"><view class="{{['data-v-d6e7fe80','item',[(codeIndex===item.$orig)?'active':'',(type==='middle')?'middle':'',(type==='bottom')?'bottom':'',(type==='box')?'box':'']]}}"><block wx:if="{{type!=='middle'}}"><view class="line data-v-d6e7fe80"></view></block><block wx:if="{{type==='middle'&&codeIndex<=item.$orig}}"><view class="bottom-line data-v-d6e7fe80"></view></block><block wx:if="{{item.g0}}"><block class="data-v-d6e7fe80"><text class="dot data-v-d6e7fe80">●</text></block></block><block wx:else><block class="data-v-d6e7fe80"><text class="number data-v-d6e7fe80">{{codeArr[index]?codeArr[index]:''}}</text></block></block></view></block></block></view></view>

pages_tool/components/myp-one/myp-one.wxss

@@ -0,0 +1,2 @@
+@-webkit-keyframes twinkling-data-v-d6e7fe80{0%{opacity:.2}50%{opacity:.5}100%{opacity:.2}}@keyframes twinkling-data-v-d6e7fe80{0%{opacity:.2}50%{opacity:.5}100%{opacity:.2}}.code-box.data-v-d6e7fe80{text-align:center}.flex-box.data-v-d6e7fe80{display:flex;justify-content:center;flex-wrap:wrap;position:relative}.flex-box .hide-input.data-v-d6e7fe80{position:absolute;top:0;left:-100%;width:200%;height:100%;text-align:left;z-index:9;opacity:1}.flex-box .item.data-v-d6e7fe80{position:relative;flex:1;margin-right:18rpx;font-size:70rpx;font-weight:700;color:#333;line-height:100rpx}.flex-box .item.data-v-d6e7fe80::before{content:"";padding-top:100%;display:block}.flex-box .item.data-v-d6e7fe80:last-child{margin-right:0}.flex-box .middle.data-v-d6e7fe80{border:none}.flex-box .box.data-v-d6e7fe80{box-sizing:border-box;border:2rpx solid #ccc;border-width:2rpx 0 2rpx 2rpx;margin-right:0}.flex-box .box.data-v-d6e7fe80:first-of-type{border-top-left-radius:8rpx;border-bottom-left-radius:8rpx}.flex-box .box.data-v-d6e7fe80:last-child{border-right:2rpx solid #ccc;border-top-right-radius:8rpx;border-bottom-right-radius:8rpx}.flex-box .bottom.data-v-d6e7fe80{box-sizing:border-box;border-bottom:2rpx solid #ddd}.flex-box .active.data-v-d6e7fe80{border-color:#ddd}.flex-box .active .line.data-v-d6e7fe80{display:block}.flex-box .line.data-v-d6e7fe80{display:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rpx;height:40rpx;background:#333;-webkit-animation:twinkling-data-v-d6e7fe80 1s infinite ease;animation:twinkling-data-v-d6e7fe80 1s infinite ease}.flex-box .dot.data-v-d6e7fe80,
+.flex-box .number.data-v-d6e7fe80{line-height:40rpx;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex-box .bottom-line.data-v-d6e7fe80{height:8rpx;background:#000;width:80%;position:absolute;border-radius:4rpx;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}