46 lines
1.4 KiB
Plaintext
46 lines
1.4 KiB
Plaintext
<template>
|
|
<scroll-view class="container">
|
|
<image class="bg" src="/static/auth/login_bg.png" mode="widthFix"></image>
|
|
<view class="card">
|
|
<image class="illustration" src="/static/auth/login_illustration.png" mode="widthFix"></image>
|
|
<view class="inputs">
|
|
<input class="input" placeholder="手机号 / 邮箱" />
|
|
<view class="password-row">
|
|
<input class="input" placeholder="密码" password />
|
|
<image class="eye" src="/static/auth/icon_eye_off.png"></image>
|
|
</view>
|
|
<button class="btn-primary">登录</button>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() { return {} },
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.container {
|
|
width: 750rpx;
|
|
}
|
|
.bg { width: 750rpx; }
|
|
.card {
|
|
margin: 32rpx;
|
|
padding: 32rpx;
|
|
background: #fff;
|
|
border-radius: 24rpx;
|
|
box-shadow: 0 8rpx 24rpx rgba(0,0,0,0.06);
|
|
}
|
|
.illustration { width: 100%; margin-bottom: 24rpx; }
|
|
.inputs { display: flex; flex-direction: column; gap: 24rpx; }
|
|
.input { height: 88rpx; border: 1rpx solid #eee; border-radius: 12rpx; padding: 0 24rpx; }
|
|
.password-row { position: relative; }
|
|
.password-row .input { padding-right: 72rpx; }
|
|
.eye { position: absolute; right: 24rpx; top: 24rpx; width: 40rpx; height: 40rpx; }
|
|
.btn-primary { background: #007AFF; color: #fff; border-radius: 12rpx; height: 88rpx; line-height: 88rpx; }
|
|
</style>
|
|
|
|
|