<template>
	<view class="pages">
		<image src="../../static/img/logo.png" class="logo" mode="widthFix"></image>
		<view class="title">企业用户登陆</view>
		<view class="login-form">
			<view class="login-form-item">
				<view class="login-form-item-til">账号</view>
				<view class="login-form-item-con">
					<input type="text" value="" placeholder="请输入账号" />
				</view>
			</view>
			<view class="login-form-item">
				<view class="login-form-item-til">密码</view>
				<view class="login-form-item-con">
					<input type="password" value="" placeholder="请输入密码" />
				</view>
			</view>
		</view>
		<view class="wrap">
			<view class="full-btn">登录</view>
		</view>
		<view class="bottom-btn-wrap">
			<view class="bottom-btn forgetpass">忘记密码</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				params:{
					token:'',
				}
				
			}
		},
		onShow() {
			
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>
/* 	@import url("./index.css"); */
.logo{display: block;margin: 128rpx auto 26rpx;width: 99rpx;height: 99rpx;}
.title{margin-bottom: 80rpx;font-size: 36rpx;color: #333;line-height: 50rpx;font-weight: bold;text-align: center;}
.login-form{margin-bottom: 40rpx;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.login-form-item{display: flex;position: relative;height: 96rpx;align-items: center;border-bottom: 1px solid #eee;}
.login-form-item::before{content: '';width: 24rpx;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: -1px;}
.login-form .login-form-item:last-of-type{border-bottom: 0;}
.login-form .login-form-item:last-of-type::before{height: 0;}
.login-form-item-til{margin-left: 24rpx;padding-left: 16rpx;}
.login-form-item-con{padding-left: 100rpx;}
.forgetpass{font-size: 30rpx;color: #999;}
</style>
