吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 8045|回复: 3
收起左侧

[其他原创] HBuilder源码登入注册忘记密码扁平风格界面

[复制链接]
fengrui99 发表于 2018-5-6 10:55
本帖最后由 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://pan.baidu.com/s/1CQSvHWjZcjJ9c6c1lhVfJg

登入界面源码如下:
[HTML] 纯文本查看 复制代码
<!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 : [url=https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim]https://developer.mozilla.org/en ... Objects/String/Trim[/url]
                                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>

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

 楼主| fengrui99 发表于 2018-5-6 11:59
文件的logo.html script由一个min()的代码可以直接删除
songbing490 发表于 2018-5-6 15:41
fengrui99 发表于 2018-5-6 11:59
文件的logo.html script由一个min()的代码可以直接删除

请教个问题,可以帮忙解决下这个问题不:https://www.52pojie.cn/thread-735612-1-1.html
 楼主| fengrui99 发表于 2018-5-6 17:14
songbing490 发表于 2018-5-6 15:41
请教个问题,可以帮忙解决下这个问题不:https://www.52pojie.cn/thread-735612-1-1.html

你如果是网站转app的话 你下载fusion app 看下这个简单

免费评分

参与人数 1热心值 +1 收起 理由
wushaominkk + 1 热心回复!

查看全部评分

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-15 15:59

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表