caimei365
/
caimei365-www


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
							<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/account/login.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!--头部-->
<header>
    <div class="baseHeadCenter">
        <div class="wrap clear">
            <a href="/index.html" class="h5Only mClassBtn mIcon" title="主页"></a>
            <a href="/" class="logo">
                <img class="pcOnly" src="/img/base/logo.png" alt="采美 生美/医美采购服务平台"/>
                <img class="h5Only" src="/img/base/logo_m.png" alt="采美 生美/医美采购服务平台"/>
            </a>
            <a href="javascript:void(0);" title="关闭" class="h5Only closeLogin"></a>
        </div>
    </div>
    <input type="hidden" th:value="${spiServer}" id="spiServer">
    <input type="hidden" th:value="${agent}" id="userAgent">
</header>

<!-- 二级页面 -->
<div id="loginPage">
    <div class="loginWrap clear">
        <div class="loginForm">
            <div class="title">
                <h1>欢迎登录</h1>
                <h2>生美 / 医美采购服务平台</h2>
            </div>
            <form v-show="!qrCodeLogin">
                <label class="account">
                    <input type="text" v-model="loginAccount" placeholder="请输入邮箱或手机号" :rule="rule.account" maxlength="30" @blur="blurHandle($event)" needverify>
                    <i class="checked icon mIcon"></i>
                    <span class="errTips icon mIcon" tips="请提供正确的邮箱或手机号码"></span>
                </label>
                <label class="password">
                    <input type="password" v-model="loginPassword" placeholder="请输入密码" :rule="rule.password" maxlength="36" @blur="blurHandle($event)" needverify>
                    <i class="checked icon mIcon"></i>
                    <span class="errTips icon mIcon" tips="6-30位数字或字母或字符"></span>
                    <i class="icon showPwd" @click="showPassword($event)"></i>
                </label>
                <div class="forget">
                    <a href="javascript:void(0);">忘记密码？</a>
                </div>
                <div class="submit clear">
                    <a v-if="isPC" class="btn" href="/sign-up.html">免费注册</a>
                    <button class="btn" type="button" @click="loginSubmit()">登录</button>
                    <a v-if="!isPC" class="btn" href="/sign-up.html">免费注册</a>
                </div>
                <a v-if="isPC" href="javascript:void(0);" class="codeBtn icon" @click="toQrCodeLogin()"></a>
            </form>
            <div v-if="isPC" v-show="qrCodeLogin" class="qrCodeBox">
                <a href="javascript:void(0);" class="changeBtn icon" @click="toNormalLogin()">账号登录</a>
                <div id="qrCodeWrap">
                    <div class="qrCode"><img src="" alt=""></div>
                    <div class="qrInfo">请使用微信扫描二维码登录“采美365网”</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/account/login.js(v=${version})}"></script>
</body>
</html>