服务器提交

public/weapp/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"],{4658:function(t,e,n){},"833b":function(t,e,n){"use strict";n.d(e,"b",(function(){return a})),n.d(e,"c",(function(){return i})),n.d(e,"a",(function(){}));var a=function(){var t=this,e=t.$createElement,n=(t._self._c,t.__map(t.ranges,(function(e,n){var a=t.__get_orig(e),i=t.isPwd&&t.codeArr.length>=e;return{$orig:a,g0:i}})));t.$mp.data=Object.assign({},{$root:{l0:n}})},i=[]},"857c":function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a={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(t){this.ranges=6===t?[1,2,3,4,5,6]:[1,2,3,4]}},value:{immediate:!0,handler:function(t){t!==this.inputValue&&(this.inputValue=t,this.toMakeAndCheck(t))}}},data:function(){return{inputValue:"",codeIndex:1,codeArr:[],ranges:[1,2,3,4]}},methods:{getVal:function(t){var e=t.detail.value;this.inputValue=e,this.$emit("input",e),this.toMakeAndCheck(e)},toMakeAndCheck:function(t){var e=t.split("");this.codeIndex=e.length+1,this.codeArr=e,this.codeIndex>Number(this.maxlength)&&this.$emit("finish",this.codeArr.join(""))},set:function(t){this.inputValue=t,this.toMakeAndCheck(t)},clear:function(){this.inputValue="",this.codeArr=[],this.codeIndex=1}}};e.default=a},a1d8:function(t,e,n){"use strict";n.r(e);var a=n("857c"),i=n.n(a);for(var u in a)["default"].indexOf(u)<0&&function(t){n.d(e,t,(function(){return a[t]}))}(u);e["default"]=i.a},b2c6:function(t,e,n){"use strict";n.r(e);var a=n("833b"),i=n("a1d8");for(var u in i)["default"].indexOf(u)<0&&function(t){n.d(e,t,(function(){return i[t]}))}(u);n("ca8f");var o=n("828b"),r=Object(o["a"])(i["default"],a["b"],a["c"],!1,null,"1e5e88ca",null,!1,a["a"],void 0);e["default"]=r.exports},ca8f:function(t,e,n){"use strict";var a=n("4658"),i=n.n(a);i.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__("b2c6"))
+        })
+    },
+    [['pages_tool/components/myp-one/myp-one-create-component']]
+]);

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

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

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

@@ -0,0 +1 @@
+<view class="code-box data-v-1e5e88ca"><view class="flex-box data-v-1e5e88ca"><input class="hide-input data-v-1e5e88ca" 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-1e5e88ca"><view class="{{['data-v-1e5e88ca','item',[(codeIndex===item.$orig)?'active':'',(type==='middle')?'middle':'',(type==='bottom')?'bottom':'',(type==='box')?'box':'']]}}"><block wx:if="{{type!=='middle'}}"><view class="line data-v-1e5e88ca"></view></block><block wx:if="{{type==='middle'&&codeIndex<=item.$orig}}"><view class="bottom-line data-v-1e5e88ca"></view></block><block wx:if="{{item.g0}}"><text class="dot data-v-1e5e88ca">●</text></block><block wx:else><text class="number data-v-1e5e88ca">{{codeArr[index]?codeArr[index]:''}}</text></block></view></block></block></view></view>

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

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