<style scoped> .bottomdivsdf { width: 100vw; height: 150px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0px; background-color: #fff; z-index: 99999999; left: 0px; flex-direction: column; } .bottombuttonsdsf img { width: 35px; height: 35px; margin-right: 15px; } .bottombuttonsdsf { display: flex; align-items: center; width: 210px; height: 60px; border-radius: 40px; border: 1px solid #999; display: flex; justify-content: center; align-items: center; color: #999; font-size: 12px; margin-bottom: 30px; } .bottomtextds { color: #999; margin-bottom: 40px; } /* */ .threedxoguser { display: flex; flex-direction: column; justify-content: center; align-items: center; color: gray !important; } .onedxoguser { display: flex; flex-direction: column; justify-content: center; align-items: center; color: gray !important; } .threedoglogin { width: 100vw; height: 200px; display: flex !important; position: fixed; z-index: 999; top: 6vh; justify-content: space-evenly; } .twodxoguser { margin-top: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; top: 60px; color: red; } .threeimgsd { width: 130px; height: 130px; margin-bottom: 20px; } .leftimgds { width: 130px; height: 130px; margin-bottom: 20px; } .centerimgsd { width: 180px; height: 180px; margin-bottom: 20px; } /* */ .textred { color: red; font-weight: bolder; } .selfCheckBox { cursor: pointer; display: flex; margin-top: 100px; width: 90vw; margin-left: 5vw; } .selfCkeckImgBox { position: relative; top: 3px; margin-right: 15px; } .selfCkeckImgBox img { width: 30px; height: 30px; } .checkBoxText { margin-left: 10px; } .img-a { position: absolute; width: 100%; top: -280px; right: -100px; } .img-b { position: absolute; width: 50%; bottom: 0; left: -50px; margin-bottom: -200px; } .t-login { width: 100vw; margin: 0 auto; font-size: 28px; color: #000; height: 100vh; } .t-login button { font-size: 28px; background: #5677fc; color: #fff; height: 90px; line-height: 90px; border-radius: 50px; box-shadow: 0 5px 7px 0 rgba(86, 119, 252, 0.2); } .t-login input { padding: 0 20px 0 120px; height: 90px; line-height: 90px; margin-bottom: 50px; background: #f8f7fc; border: 1px solid #e9e9e9; font-size: 28px; border-radius: 50px; } .t-login .t-a { position: relative; width: 100vw; } .t-login .t-a input { border: 1px solid #e6cde3; } .mybutton { width: 90vw; margin-top: 50px; margin-left: 5vw; text-align: center; background-color: #5677fc; height: 80px; color: #ffffff; font-size: 30px; line-height: 80px; border-radius: 10px; } .t-login .t-a img { width: 65px; height: 40px; position: absolute; left: 80px; top: 28px; border-right: 2px solid #dedede; padding-right: 20px; } .t-a input { width: 90vw; margin-left: 5vw; } .t-login .t-b { text-align: center; font-size: 46px; color: #000; font-weight: bold; width: 100vw; height: 80px; position: fixed; z-index: 999; top: 150px; } .t-login .t-c { position: absolute; right: 7vw; top: 22px; background: #5677fc; color: #fff; font-size: 24px; border-radius: 50px; height: 50px; line-height: 50px; padding: 0 25px; } .t-login .t-d { text-align: center; color: #999; margin: 80px 0; } .t-login .t-e { text-align: center; width: 250px; margin: 80px auto 0; } .t-login .t-g { float: left; width: 50%; } .t-login .t-e img { width: 50px; height: 50px; } .t-login .t-f { text-align: center; margin: 200px 0 0 0; color: #666; } .t-login .t-f text { margin-left: 20px; color: #aaaaaa; font-size: 27px; } .t-login .uni-input-placeholder { color: #000; } .cl { zoom: 1; margin-top: 390px; width: 100vw; } .cl:after { clear: both; display: block; visibility: hidden; height: 0; content: '\20'; } </style>
firstitem.vue登录代码中
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
上一篇:
firstitem.vue登录代码下