支付密码

pages/order/pay/index.wxml

@@ -129,11 +129,13 @@
 
     <view wx:if="{{haveSBPassword}}">
         <view class="passward-box-container">
+            <input type="number" value="{{vcode}}" password="true" maxlength="6" focus="{{isFoucs}}" 
+            bindinput="passwordChange"  class="passward-box"   cursor-spacing="20"/>
+
             <input type="number" password="true" class="show-code" wx:for="{{6}}" disabled 
             wx:key="index" value="{{vcode[index]}}" catch:tap="handleFoucs"/>
         </view>
-        <input type="number" value="{{vcode}}" password="true" maxlength="6" focus="{{isFoucs}}" 
-        bindinput="passwordChange"  class="passward-box" />
+        
         <view class="resetPassword">
             <navigator url="/subPackages/password/setting/setting?type=reset">忘记密码</navigator>
         </view>

pages/order/pay/index.wxss

@@ -123,11 +123,18 @@ page {
     border: none;
 }
 .passward-box{
-    width: 0;
-    height: 0;
     border: none;
-    opacity: 0;
+    /* opacity: 0; */
     color: rgba(0,0,0,0);
+    width: 100%;
+    height: 100%;
+    top: 0;
+    position: absolute;
+    caret-color: transparent;
+    text-indent: -999em; /*文本向左缩进*/ 
+    margin-left: -100%; /*输入框光标起始点向左左移*/ 
+    width: 200%; /*输入框增大一倍*/ 
+    text-align: left;
 }
 .resetPassword{
     width: 160rpx;
@@ -135,7 +142,7 @@ page {
     font-weight: 500;
     font-size: 27rpx;
     color: #0C898F;
-    margin: 0 0 0 auto;
+    margin: 30rpx 0 0 auto;
     text-align: right;
 }