vue实现大气简洁发送手机验证码倒计时输入框效果代码
代码语言:html
所属分类:其他
代码描述:vue实现大气简洁发送手机验证码倒计时输入框效果代码
代码标签: vue 大气 简洁 发送 手机 验证码 倒计时 输入框
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="no">
<meta name="x5-orientation" content="portrait">
<meta name="x5-fullscreen" content="false">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,viewport-fit=cover">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/rem.js"></script>
<style>
* {
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:text
}
*,*:before,*:after {
box-sizing:border-box
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre {
margin:0;
padding:0
}
small,big,input,textarea,button,select {
font-size:100%
}
h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:bold
}
b,strong {
font-weight:bolder
}
address,em,i {
font-style:normal
}
table {
border-collapse:collapse;
border-spacing:0;
text-align:left
}
caption,th {
text-align:inherit
}
ul,ol,menu {
list-style:none
}
fieldset,img {
border:0
}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu {
display:block
}
audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}
textarea {
overflow:auto;
resize:vertical;
resize:none
}
input,textarea,button,select,a {
font-family:inherit;
outline:0 none;
border:none;
color:inherit
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}
mark {
background-color:transparent
}
a,ins,s,u,del {
text-decoration:none
}
sup,sub {
vertical-align:baseline
}
html {
overflow-x:hidden;
height:100%;
-webkit-text-size-adjust:100%
}
body {
font-family:"PingFangSC","Helvetica Neue",Avenir,Helvetica,Arial,sans-serif;
co.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0