528

parent a00ee6bc
......@@ -6,4 +6,4 @@
overflow: hidden;
position: fixed;
background: #f4f4f4;
}</style><link href=static/css/app.a33637a3392be2fde512aa6031b6e4df.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.3eee66a6ab43919a860d.js></script><script type=text/javascript src=static/js/vendor.08bb4c1de1fdf5bf85a2.js></script><script type=text/javascript src=static/js/app.d1ae9e0c48cf9a737cc7.js></script></body></html>
\ No newline at end of file
}</style><link href=static/css/app.a33637a3392be2fde512aa6031b6e4df.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.029862f7869bf5f16a1d.js></script><script type=text/javascript src=static/js/vendor.08bb4c1de1fdf5bf85a2.js></script><script type=text/javascript src=static/js/app.d1ae9e0c48cf9a737cc7.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,t,r){for(var d,o,b,i=0,u=[];i<a.length;i++)o=a[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in t)Object.prototype.hasOwnProperty.call(t,d)&&(e[d]=t[d]);for(c&&c(a,t,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)b=n(n.s=r[i]);return b};var a={},f={37:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var t=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,n.nc&&r.setAttribute("nonce",n.nc),r.src=n.p+"static/js/"+e+"."+{0:"a08fe551cdad497ae4f7",1:"6ff8440f9771231994b2",2:"d95310ee57d57b494d34",3:"a56b1a5c2cc8d110d7f8",4:"de10c4a8095bd0f70d8c",5:"797457be5cbcb553a009",6:"73ec98cd123abe948ff9",7:"f0b51ad3e69e61510fb0",8:"8a48f588f55c505ace5c",9:"9a6b2151905cf057f6f4",10:"c5c5f03364911f9506aa",11:"fcf17f1ca0a8587a7b14",12:"31f9cfd4a7de3fdc03b8",13:"370318c3932538876cc0",14:"8925ae8a9b91e846801f",15:"6dc965f957595f755035",16:"0aaed0b1919402be0f1e",17:"5b978dea0f37585c3144",18:"7f42e29a417a80839d61",19:"d27b207e0a47cb8b7b68",20:"e79312d82116eb961807",21:"c0dcbc48688fe7d4492b",22:"5711cb64898166468a42",23:"0208ceb92037bb32744b",24:"98d4c624a7d26c602c5c",25:"d4b67067b70fa013a9b2",26:"0dcd222d813e24c1c38a",27:"e1627b0fe6ee1281331b",28:"74ad25d2862435f1ed7b",29:"5cbdfdcf0859e7be0f3e",30:"67fa6fd41cad092b53e4",31:"a7c72259135a1a3ccf2d",32:"17e2d490f4d6ad5991f6",33:"2bd21632d6a1f40bb2fc",34:"8b89d32c134f24882103"}[e]+".js";var d=setTimeout(o,12e4);function o(){r.onerror=r.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return r.onerror=r.onload=o,t.appendChild(r),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="",n.oe=function(e){throw e}}([]);
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,t,r){for(var d,o,b,i=0,u=[];i<a.length;i++)o=a[i],f[o]&&u.push(f[o][0]),f[o]=0;for(d in t)Object.prototype.hasOwnProperty.call(t,d)&&(e[d]=t[d]);for(c&&c(a,t,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)b=n(n.s=r[i]);return b};var a={},f={37:0};function n(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,n){c=f[e]=[a,n]});c[2]=a;var t=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,n.nc&&r.setAttribute("nonce",n.nc),r.src=n.p+"static/js/"+e+"."+{0:"df1a7935394d1b6a4bab",1:"6ff8440f9771231994b2",2:"d95310ee57d57b494d34",3:"a56b1a5c2cc8d110d7f8",4:"de10c4a8095bd0f70d8c",5:"797457be5cbcb553a009",6:"73ec98cd123abe948ff9",7:"f0b51ad3e69e61510fb0",8:"8a48f588f55c505ace5c",9:"9a6b2151905cf057f6f4",10:"c5c5f03364911f9506aa",11:"fcf17f1ca0a8587a7b14",12:"31f9cfd4a7de3fdc03b8",13:"370318c3932538876cc0",14:"8925ae8a9b91e846801f",15:"6dc965f957595f755035",16:"0aaed0b1919402be0f1e",17:"5b978dea0f37585c3144",18:"7f42e29a417a80839d61",19:"d27b207e0a47cb8b7b68",20:"e79312d82116eb961807",21:"c0dcbc48688fe7d4492b",22:"5711cb64898166468a42",23:"0208ceb92037bb32744b",24:"98d4c624a7d26c602c5c",25:"d4b67067b70fa013a9b2",26:"0dcd222d813e24c1c38a",27:"e1627b0fe6ee1281331b",28:"74ad25d2862435f1ed7b",29:"5cbdfdcf0859e7be0f3e",30:"67fa6fd41cad092b53e4",31:"a7c72259135a1a3ccf2d",32:"17e2d490f4d6ad5991f6",33:"2bd21632d6a1f40bb2fc",34:"8b89d32c134f24882103"}[e]+".js";var d=setTimeout(o,12e4);function o(){r.onerror=r.onload=null,clearTimeout(d);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return r.onerror=r.onload=o,t.appendChild(r),a},n.m=e,n.c=a,n.d=function(e,c,a){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="",n.oe=function(e){throw e}}([]);
\ No newline at end of file
......@@ -15,14 +15,29 @@
<span style="color: red;font-weight: normal" v-if="bindMobile.flag===0">{{(groupDetail.original_price/100).toFixed(2)}}</span>
</div>
<div style="padding: 4vw 0">
<mt-field style="font-size: 14px" label="手机号" type="number" autofocus="autofocus" pattern="[0-9]*" placeholder="请输入手机号" v-model="bindMobile.mobile"></mt-field>
<mt-field label="图片验证" placeholder="请输入验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="bindMobile.img_code">
<div class="input-block">
<div class="Ntitle">手机号</div>
<input placeholder="请输入手机号" type="number" pattern="[0-9]*" v-model="bindMobile.mobile"/>
</div>
<div class="input-block">
<div class="Ntitle">图片验证</div>
<input placeholder="请输入验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="bindMobile.img_code"/>
<img src="/api/public/img/verify" class="img" ref="imgCode" @click="refImgCode"/>
</div>
<div class="input-block">
<div class="Ntitle">短信验证</div>
<input placeholder="请输入短信验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="bindMobile.verify_code"/>
<button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">发送验证码</button>
<button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s后重新发送</button>
</div>
<!-- <mt-field style="font-size: 14px" label="手机号" type="number" autofocus="autofocus" pattern="[0-9]*" placeholder="请输入手机号" v-model="bindMobile.mobile"></mt-field>
<mt-field label="图片验证" placeholder="请输入验证码" :attr="{ maxlength: 4 }" type="number" maxlength="4" pattern="[0-9]*" v-model="bindMobile.img_code">
<img src="/api/public/img/verify" style="width: 35vw;margin-left: 5px" class="right-btn" ref="imgCode" @click="refImgCode"/>
</mt-field>
<mt-field label="短信验证" placeholder="短信验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" :attr="{ maxlength: 4 }" v-model="bindMobile.verify_code">
<mt-field label="短信验证" placeholder="短信验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" v-model="bindMobile.verify_code">
<button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">发送验证码</button>
<button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s后重新发送</button>
</mt-field>
</mt-field> -->
</div>
<mt-button type="danger" style="width: 100%;margin-top: 10px" @click="onBindMobile">下一步</mt-button>
</div>
......@@ -185,4 +200,76 @@
}
}
}
.input-block{
height: 47*@toVw;
line-height:47*@toVw;
text-indent: 10*@toVw;
// border: 1*@toVw solid #cccccc;
// margin-bottom: 26 * @toVw;
display: -webkit-flex;
justify-content:space-between;
position: relative;
.Ntitle{
width: 105px;
// flex: 1;
margin-left: 0;
}
.img{
width: 35vw;
font-size: 12*@toVw;
margin-right: 10*@toVw;
}
.right-btn{
position: absolute;
right:10*@toVw;
padding: 0;
width: 100*@toVw;
top: 10*@toVw;
height: 35*@toVw;
line-height: 25*@toVw;
font-size: 12*@toVw;
}
input{
flex: 1;
width: 20vw;
padding: 10 * @toVw 0;
font-size:14*@toVw;
background: transparent;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(0,0,0,1);
line-height:20*@toVw;
outline: none;
border: none;
&::-webkit-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* 使用webkit内核的浏览器 */
&:-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本4-18 */
&::-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本19+ */
&:-ms-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment