HBuilder源码登入注册忘记密码扁平风格界面
本帖最后由 fengrui99 于 2018-5-6 10:59 编辑来源地址：https://www.frbkw.com/818/
“问下吾爱大佬们,wp博客文章发布后收到了pingback,百度查了下说是文章给别人引用了,问问可以查出是哪个网站引用的嘛”
销售项目】HBuilder源码登录注册忘记密码源码设计界面思路
下载的源码不会用的：点我0x1登入模块1.登入2.忘记密码3.用户注册0x2底部导航模块1.首页2.消息3.购物车4.我的0x3支付模块1.设置地址2.确认物品3.下单---->支付 - >支付宝微信
以上内容纯属胡思乱想没有任何实际意义，
如果你阅读到这些，那么恭喜你给骗了当然啦，
上面那句话也是骗你的登入
全家桶界面展示：
https://frbkw.com/wp-center/uploads/2018/05/TIM201805060228491.png
⊙﹏⊙你是不是想问，忘记界面去哪里了
╯▽╰低头一想“用户注册”的标题一改“忘记密码”老铁没毛病
（不单独上传文件，不然很多人打不开）
文件下载地址:
https://pan.baidu.com/s/1CQSvHWjZcjJ9c6c1lhVfJg
登入界面源码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>销售系统</title>
<link href="css/mui.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<style type="text/css">
.mui-content>.mui-table-view:first-child {
margin-top: -1px;
}
.mui-bar{ box-shadow: none; }
.mui-table-view-cell.mui-active{background-color: #fff;}
.mui-btn {display: block;width:90%;margin: 10px auto;margin-top: -50px;}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav xiaoshoubar_color">
<h1 class="mui-title xiaoshoubar_title">登入</h1>
</header>
<div class="mui-content">
<center><img class="lonin_img" src="images/login.png" /></center>
<section class="content login_input">
<span class="input input--hoshi">
<input class="input__field input__field--hoshi" style="border:none;background-color: #fff0;" type="text" id="input-4" />
<label class="input__label input__label--hoshi input__label--hoshi-color-1" for="input-4">
<span class="input__label-content input__label-content--hoshi">手机号或邮箱</span>
</label>
</span>
<span class="input input--hoshi">
<input class="input__field input__field--hoshi" style="border:none;background-color: #fff0;" type="password" id="input-5" />
<label class="input__label input__label--hoshi input__label--hoshi-color-2" for="input-5">
<span class="input__label-content input__label-content--hoshi">密码</span>
</label>
</span>
</section>
<div class="mui-content-padded">
<button type="password" class="mui-btn mui-btn-block login_input2">登入</button>
<p class="login_p"><a href="user.html">用户注册</a> | <a href="password.html">忘记密码</a></p>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/classie.js"></script>
<script>
(function() {
// trim polyfill : https://developer.mozilla.org/en ... Objects/String/Trim
if (!String.prototype.trim) {
(function() {
// Make sure we trim BOM and NBSP
var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
String.prototype.trim = function() {
return this.replace(rtrim, '');
};
})();
}
[].slice.call( document.querySelectorAll( 'input.input__field' ) ).forEach( function( inputEl ) {
// in case the input is already filled..
if( inputEl.value.trim() !== '' ) {
classie.add( inputEl.parentNode, 'input--filled' );
}
// events:
inputEl.addEventListener( 'focus', onInputFocus );
inputEl.addEventListener( 'blur', onInputBlur );
} );
function onInputFocus( ev ) {
classie.add( ev.target.parentNode, 'input--filled' );
}
function onInputBlur( ev ) {
if( ev.target.value.trim() === '' ) {
classie.remove( ev.target.parentNode, 'input--filled' );
}
}
})();
</script>
</body>
</html>
{:301_999:}文件的logo.html script由一个min（）的代码可以直接删除 fengrui99 发表于 2018-5-6 11:59
文件的logo.html script由一个min（）的代码可以直接删除
请教个问题，可以帮忙解决下这个问题不：https://www.52pojie.cn/thread-735612-1-1.html songbing490 发表于 2018-5-6 15:41
请教个问题，可以帮忙解决下这个问题不：https://www.52pojie.cn/thread-735612-1-1.html
你如果是网站转app的话 你下载fusion app 看下这个简单
页:
[1]