|
@@ -1,14 +1,14 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="loginView w-screen h-screen overflow-hidden pt-20">
|
|
|
|
|
- <div class="w-96 h-3/5 bg-white m-auto border-t-8 border-blue-400 shadow-xl rounded-md pl-9 pr-9">
|
|
|
|
|
|
|
+ <div class="loginView w-screen h-screen overflow-hidden flex">
|
|
|
|
|
+ <div class="w-1/5 h-1/2 bg-white m-auto border-t-8 border-blue-400 shadow-xl rounded-md pl-9 pr-9">
|
|
|
<div class="m-auto pt-4">
|
|
<div class="m-auto pt-4">
|
|
|
<img class="w-1/5 h-1/5 m-auto" :src="loginLogo" alt="">
|
|
<img class="w-1/5 h-1/5 m-auto" :src="loginLogo" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
<h2 class="text-xl text-center pt-4 font-bold">客户管家</h2>
|
|
<h2 class="text-xl text-center pt-4 font-bold">客户管家</h2>
|
|
|
- <div class="pt-5">
|
|
|
|
|
- <el-input :prefix-icon="UserFilled" size="large" class="mt-4" v-model="username" placeholder="账号/手机号" />
|
|
|
|
|
- <el-input :prefix-icon="Lock" show-password size="large" class="mt-8" v-model="password" placeholder="密码" />
|
|
|
|
|
- <div class="pt-8">
|
|
|
|
|
|
|
+ <div class="pt-4">
|
|
|
|
|
+ <el-input :prefix-icon="UserFilled" size="large" class="mt-2" v-model="username" placeholder="账号/手机号" />
|
|
|
|
|
+ <el-input :prefix-icon="Lock" show-password size="large" class="mt-6" v-model="password" placeholder="密码" />
|
|
|
|
|
+ <div class="pt-6">
|
|
|
<el-button type="primary" size="large" class="w-full" :loading="loginLoading" @click="login">登录</el-button>
|
|
<el-button type="primary" size="large" class="w-full" :loading="loginLoading" @click="login">登录</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -17,10 +17,10 @@
|
|
|
<img class="w-9 m-auto p-1 rounded-full border-blue-300 border-2 cursor-pointer" :src="qiyeweixin" alt="">
|
|
<img class="w-9 m-auto p-1 rounded-full border-blue-300 border-2 cursor-pointer" :src="qiyeweixin" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="flex justify-between">
|
|
<div class="flex justify-between">
|
|
|
- <div class="cursor-pointer text-blue-400">联系客服</div>
|
|
|
|
|
|
|
+ <div class="cursor-pointer text-blue-400 hover:text-blue-300">联系客服</div>
|
|
|
<div class="flex justify-around">
|
|
<div class="flex justify-around">
|
|
|
- <div class="mr-4 cursor-pointer text-blue-400">使用说明</div>
|
|
|
|
|
- <div class="cursor-pointer text-blue-400">企业注册</div>
|
|
|
|
|
|
|
+ <div class="mr-4 cursor-pointer text-blue-400 hover:text-blue-300">使用说明</div>
|
|
|
|
|
+ <div class="cursor-pointer text-blue-400 hover:text-blue-300">企业注册</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
hlp