mint ui模仿淘宝手机端app登录页面h5效果代码-html代码-BFW代码库

mint ui模仿淘宝手机端app登录页面h5效果代码

代码语言：html

代码描述：mint ui模仿淘宝手机端app登录页面h5效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/normalize.min.css">
    <!-- 引入样式 -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mintui.min.css">

    <style>
        /* 你需要登录才能继续仿问的布局样式 */
        .tipslogin {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 52px;
            background: rgb(238, 238, 238);
            padding-left: 20px;
            padding-right: 20px;
        }
        /* 半闭样式 */
        .closeSpan {
            color: rgb(153, 153, 153)
        }
        /* 图片 logo 根样式 */
        .imgDiv {
            display: flex;
            justify-content: center;
        }
        /* 图片样式 */
        .logo {
            width: 80px;
            height: 80px;
        }
        /* 上面的线隐藏 */
        .mint-cell-wrapper {
            background-image: linear-gradient(180deg, #fff, #fff 0%, transparent 0%);
        }
        /* 输入框底边框样式 */
        .mint-cell-wrapper {
         .........完整代码请登录后点击上方下载按钮下载查看